..

0	/* Somewhat riffing off of Pleroma-FE’s generated CSS.
1	Using the colors of Tirifto’s Malvo theme. */
2	body {
3	background-color: #B5E9EC;
4	font-family: sans-serif;
5	font-size: 14px;
6	}
7
8
9	.panel {
10	box-shadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) , 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
11	overflow: hidden;
12	border-radius: 3px;
13	padding: 0;
14	background-color: #F7F7F7;
15	max-width: 1000px;
16	margin: auto;
17	}
18
19
20	img {
21	bottom: 0;
22	display: table-cell;
23	vertical-align: bottom;
24	}
25
26
27	h1 {
28	text-align: center;
29	}
30
31
32	.panel-heading {
33	border-radius: 3px 3px 0 0;
34	align-items: stretch;
35	background: transparent;
36	background-color: #E2C2F2;
37	box-shadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) , 1px 1px 0px 0px rgba(255, 255, 255, 0.3) inset, -1px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
38	flex-direction: column;
39	padding: .5em;
40	position: relative;
41	text-align: left;
42	font-size: 1.3em;
43	}
44
45
46	.panel:after {
47	bottom: 0;
48	box-shadow: 1px 1px 4px rgba(0, 0, 0, .6);
49	box-shadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) , 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
50	content: "";
51	left: 0;
52	pointer-events: none;
53	position: absolute;
54	right: 0;
55	top: 0;
56	z-index: 5;
57	}
58
59
60	.panel-body p {
61	padding-left: 20px;
62	padding-right: 20px;
63	}
64
65
66	.panel-body:empty:before {
67	content: "¯\\_(ツ)_/¯";
68	display: block;
69	margin: 1em;
70	text-align: center;
71	}
72
73
74	.panel-body>p {
75	line-height: 1.3;
76	margin: 0;
77	padding: 1em;
78	text-align: center;
79	}