:root {
--piw: #ffdce8; --pil: #f38eb2; --pid: #b94576; --pib: #601a37;
--rew: #ffd9d9; --rel: #f26f6f; --red: #b84445; --reb: #571515;
--orw: #ffebd3; --orl: #eaa96f; --ord: #d66b0c; --orb: #47280c;
--yew: #fffad0; --yel: #f7ea78; --yed: #b7a71c; --yeb: #544407;
--sew: #ebfff6; --sel: #54ffc2; --sed: #20bd98; --seb: #24584c;
--blw: #d8f0fc; --bll: #78c1e1; --bld: #559bcf; --blb: #325084;
--puw: #f7e8ff; --pul: #baa1ed; --pud: #744fbc; --pub: #231b34;}

* {
	box-sizing: border-box;
}

html {
	font-size: 16px;
	display: flex;
	justify-content: center;
	background: var(--sed);
	image-rendering: pixelated;
}

body {
	margin: 0 0;
	background: var(--sew);
	display: flex;
	flex-direction: column;
	width: 100vw;
	max-width: 800px;
	min-height: 100vh;
	overflow-x: hidden;
}

.header {
	background: rgb(84,255,194);
	background: linear-gradient(130deg, rgba(84,255,194,1) 0%, rgba(84,255,194,1) 85%, rgba(32,189,152,1) 85%, rgba(32,189,152,1) 100%);
	overflow: hidden;
}

.header h1 {
	margin: 0;
	line-height: 1;
	color: var(--seb);
	font-family: 'Righteous', sans-serif;
	font-size: 3rem;
}

.header h1 a {
	color: inherit;
	text-decoration: none;
}

.header h1 a:hover {
	text-decoration: underline;
}

.header h2 {
	margin: 0;
	line-height: 1;
	color: var(--sed);
	font-family: 'Poppins', sans-serif;
	font-size: 1.5rem;
	font-style: italic;
}

.nav {
	width: 100%;
	background: var(--rel);
	padding: 0.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.nav a {
	color: var(--rew);
	font-family: 'Poppins', sans-serif;
	font-size: 1.25rem;
	padding: 0 0.75rem;
	width: 75%;
	text-align: center;
	white-space: nowrap;
	border-radius: 5px;
	text-decoration: none;
}

.nav a:not(:last-child) {
	margin-bottom: 0.25rem;
}

.nav a:hover {
	cursor: pointer;
	filter: brightness(120%);
}

.nav .active {
	background: var(--rew);
	color: var(--red);
}

.main, .side_left, .side_right {
	padding: 1.5rem;
	overflow: hidden;
}

.main {
	border-top: 4px solid var(--sed);
}

.blog .main {
	border-bottom: 4px solid var(--sed);
}

.main h1, .sides h1 {
	margin: 0;
	margin-bottom: 0.5rem;
	line-height: 1;
	font-family: 'Righteous', sans-serif;
	font-size: 2rem;
	color: var(--seb);
}

.main h2, .sides h2 {
	margin: 0;
	margin-bottom: 0.5rem;
	line-height: 1;
	font-family: 'Poppins', sans-serif;
	font-size: 1.25rem;
	font-style: italic;
	color: var(--sed);
}

.main h2 a, .sides h2 a {
	color: var(--red);
}

.main h3, .sides h3 {
	margin: 0;
	margin-bottom: 0.5rem;
	line-height: 1;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	text-transform: uppercase;
	color: var(--red);
}

.main p, .sides p, .main ul, .sides ul, .main ul li, .sides ul li, label, .main ol, .sides ol, .main ol li, .sides ol li, ol, ol li, li {
	margin: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	margin-bottom: 0.5rem;
	color: var(--seb);
}

label {
	display: inline-block;
	font-size: 1.25rem;
	margin-bottom: 0.2rem;
}

label .sublabel {
	font-size: 1rem;
	color: var(--sed);
}

label .required {
	float: right;
	font-size: 1rem;
	color: var(--rel);
}

.expert p {
	margin-bottom: 0;
}

.main hr, .sides hr {
	width: 75%;
	margin: 1.5rem auto;
	border-top: 4px dashed var(--sed);
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.box {
	padding: 1rem;
	line-height: 1;
	background: var(--sel);
	border-radius: 5px;
}
.box:not(:last-child) {
	margin-bottom: 0.5rem;
}

.box_header {
	display: block;
	text-align: right;
	margin-bottom: 0.5rem;
	font-weight: bold;
	font-size: 1.1rem;
	font-style: normal;
}

.box a, .main p a, .sides p a, .footer p a, .main ul li a, .sides ul li a {
	color: var(--red);
}

.button {
	display: block;
	text-align: center;
	width: 100%;
	margin-bottom: 0.5rem;
	background: var(--yel);
	color: var(--yeb);
	font-family: 'Poppins', sans-serif;
	text-decoration: none;
	padding: 0.75rem 1rem;
	border: none;
	font-size: 1rem;
	line-height: 1;
}

.button:hover {
	cursor: pointer;
	filter: brightness(120%);
}

.button.disabled {
	opacity: 0.5;
}

.button.disabled:hover {
	cursor: not-allowed;
	filter: none;
}

body:not(.blog) .main img:not(.logo):not(.icon), body:not(.blog) .sides img:not(.logo):not(.icon) {
	width: 400px;
	max-width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-radius: 5px;
	border: 4px solid var(--sed);
}

img.float {
	max-width: 175px !important;
	margin: 0 0 !important;
	margin-left: 1rem !important;
	float: right;
}

body.blog .main img, .image {
	width: 80%;
	min-height: auto;
	margin: 1.5rem auto;
	border-radius: 5px;
	border: 4px solid var(--sed);
	display: block;
}

.logo {
	max-width: 50%;
	max-height: 150px;
}

.icon {
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 5px;
	margin-bottom: -10px;
	transform: translate(-3px, -13px) rotate(-10deg);
}

.hover_img {
	min-width: 100% !important;
	margin-bottom: 1rem !important;
	width: 100%;
	z-index: 1;
	float: none !important;
	margin-left: 0 !important;
	max-height: unset !important;
}

.hover_img:hover {
	cursor: pointer;
	filter: brightness(120%);
}

.sides {
	border-top: 4px solid var(--sed);
	border-bottom: 4px solid var(--sed);
	display: flex;
	flex-direction: column;
}

.side_left {
	border-bottom: 4px solid var(--sed);
}

.footer {
	padding: 1rem;
	background: var(--sel);
	flex-grow: 1;
}

.footer p {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	font-size: 1rem;
	color: var(--seb);
	line-height: 1;
}

code {
	padding: 0.5rem;
	line-height: 1;
	background: var(--sel);
	border-radius: 5px;
	display: block;
	width: 100%;
	overflow-x: scroll;
}

.code-span {
	font-family: monospace;
	padding: 0.25rem 0.5rem;
	line-height: 1;
	background: var(--sel);
	border-radius: 5px;
}

.post_container {
	padding: 1rem 1.5rem;
	border-radius: 5px;
	position: relative;
	display: block;
	text-decoration: none;
	color: initial;
	padding-right: 80px;
}
.post_container:not(:last-child) {
	margin-bottom: 1rem;
}
.post_container:hover {
	cursor: pointer;
}

.post_container h1, .post_container h3, .post_container p {
	z-index: 2;
}
.post_container p {
	margin-bottom: 0;
	line-height: 1;
}

.post_container::before, .post_container::after {
	position: absolute;
	content: '>';
	font-family: 'Righteous', sans-serif;
	color: var(--sed);
	font-size: 5rem;
	bottom: -10px;
	z-index: 1;
}
.post_container::before {
	right: 40px;
	transition: all 0.2s cubic-bezier(.17,.67,.48,1.54);
	transition-delay: 50ms;
}
.post_container::after {
	right: 15px;
	transition: all 0.2s cubic-bezier(.17,.67,.48,1.54);
}
.post_container:hover::before, .post_container:hover::after {
	transform: translateX(10px);
}

.blog.post_container {background: var(--sel); border: 4px solid var(--sed);}
.blog.post_container h1, .blog.post_container p {color: var(--seb);}
.blog.post_container h3 {color: var(--red);}
.blog.post_container::before, .blog.post_container::after {color: var(--sed);}

.rowbot-rally.post_container {background: var(--bll); border: 4px solid var(--bld);}
.rowbot-rally a {color: var(--bll);}
.rowbot-rally.post_container h1, .rowbot-rally.post_container p {color: var(--blb);}
.rowbot-rally.post_container h3 {color: var(--yew);}
.rowbot-rally.post_container::before, .rowbot-rally.post_container::after {color: var(--bld);}

.first-in-line.post_container {background: var(--yel); border: 4px solid var(--yed);}
.first-in-line.post_container h1, .first-in-line.post_container p {color: var(--yeb);}
.first-in-line.post_container h3, .first-in-line a {color: var(--red);}
.first-in-line.post_container::before, .first-in-line.post_container::after {color: var(--orl);}

.hexa.post_container {background: var(--pul); border: 4px solid var(--pud);}
.hexa a {color: var(--pul);}
.hexa.post_container h1, .hexa.post_container p {color: var(--pub);}
.hexa.post_container h3 {color: var(--sew);}
.hexa.post_container::before, .hexa.post_container::after {color: var(--pud);}

.bona-fido.post_container {background: var(--puw); border: 4px solid var(--pul);}
.bona-fido a {color: var(--orl);}
.bona-fido.post_container h1, .bona-fido.post_container p {color: var(--pub);}
.bona-fido.post_container h3 {color: var(--ord);}
.bona-fido.post_container::before, .bona-fido.post_container::after {color: var(--pul);}

.traffic-jam.post_container {background: var(--yel); border: 4px solid var(--orl);}
.traffic-jam a {color: var(--ord);}
.traffic-jam.post_container h1, .traffic-jam.post_container p {color: var(--orb);}
.traffic-jam.post_container h3 {color: var(--ord);}
.traffic-jam.post_container::before, .traffic-jam.post_container::after {color: var(--orl);}

.cloudburst.post_container {background: var(--blw); border: 4px solid var(--bll);}
.cloudburst a {color: var(--bld);}
.cloudburst.post_container h1, .cloudburst.post_container p {color: var(--blb);}
.cloudburst.post_container h3 {color: var(--bld);}
.cloudburst.post_container::before, .cloudburst.post_container::after {color: var(--bll);}

.mission-lunatrix.post_container {background: var(--bld); border: 4px solid var(--blb);}
.mission-lunatrix a {color: var(--ord);}
.mission-lunatrix.post_container h1, .mission-lunatrix.post_container p {color: var(--blw);}
.mission-lunatrix.post_container h3 {color: var(--orw);}
.mission-lunatrix.post_container::before, .mission-lunatrix.post_container::after {color: var(--blb);}

.labsylle.post_container {background: var(--orl); border: 4px solid var(--ord);}
.labsylle.post_container h1, .labsylle.post_container p {color: var(--orb);}
.labsylle.post_container h3 {color: var(--red);}
.labsylle.post_container::before, .labsylle.post_container::after {color: var(--ord);}

.expert_date i {
	margin-right: 5px;
}

.expert_new {
	width: fit-content;
	display: inline-block;
	background: var(--rel);
	color: var(--rew);
	border-radius: 5px;
	text-align: center;
	margin-right: 5px;
	padding: 0 5px;
}

.expert_good {
	width: fit-content;
	display: inline-block;
	background: var(--yel);
	color: var(--yeb);
	border-radius: 5px;
	text-align: center;
	margin-right: 5px;
	padding: 0 5px;
}

.expert_date {
	width: 100px;
	display: inline-block;
	background: var(--sel);
	border-radius: 5px;
	text-align: center;
	margin-right: 10px;
}

.expert_listing {
	padding: 2px 0;
	display: block;
}

form {
	display: flex;
	flex-direction: column;
}

input, textarea {
	border: 2px solid var(--sed);
	padding: 0.5rem 1rem;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	width: 100%;
	margin-bottom: 0.5rem;
	color: var(--seb);
	border-radius: 0 5px 5px 5px;
	resize: none;
}

input::placeholder {
	color: var(--sed);
}

.hidden {
	display: none !important;
}

.money {
	clip-path: polygon(24% 0, 100% 5%, 95% 100%, 14% 95%, 0 45%);
	background: var(--sel);
	color: var(--seb);
	display: inline-block;
	padding: 0.5rem 0.75rem 0.5rem 1rem;
	vertical-align: middle;
	font-size: 1.2em;
	margin-left: 0.5rem;
}

.small.money {
	font-size: 1em;
	padding: 0.1rem 0.5rem 0rem 0.75rem;
	margin-left: auto;
	margin-right: 0;
}

.contains_money {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.25rem !important;
	text-wrap: nowrap;
	overflow: hidden;
}

h1 .contains_money {
	margin-bottom: -0.4rem !important;
	text-overflow: ellipsis;
	white-space: pre;
}

.contains_money hr {
	width: unset;
	flex-grow: 1;
	border-top: 3px dashed var(--sed);
}

.message {
	padding: 1rem;
	margin: 0;
	margin-bottom: 0.5rem;
	border-radius: 5px;
}

.message h1 {
	margin: 0;
	margin-bottom: 0.5rem;
}
.message p {
	margin: 0;
}

.message.good {
	background: var(--sed);
}
.message.good h1, .message.success p {
	color: var(--sew);
}

.message.bad {
	background: var(--red);
}
.message.bad h1, .message.bad p {
	color: var(--rew);
}

.art_frame {
	text-decoration: none;
	display: flex;
	flex-direction: column;
	height: fit-content;
	margin-bottom: 0rem;
}
.art_frame:hover {
	cursor: pointer;
}
.art_frame:hover .art {
	filter: brightness(120%);
}
.art_frame:not(:last-child) {
	margin-bottom: 1rem;
}

.art {
	min-width: 100% !important;
	width: 100%;
	float: none !important;
	margin-left: 0 !important;
	min-height: 250px !important;
	max-height: 250px !important;
	object-fit: cover;
	margin: 0 !important;
	border-radius: 5px 5px 0 0 !important;
}

.art.top {
	object-position: 50% 10%;
}
.art.bottom {
	object-position: 50% 90%;
}

.art_data {
	padding: 1rem 1.5rem;
	border-radius: 0 0 5px 5px;
	position: relative;
	display: block;
	text-decoration: none;
	color: initial;
	padding-right: 80px;
	background: var(--sel);
	border: 4px solid var(--sed);
	border-top: none;
	margin: 0;
	padding-bottom: 0.5rem;
}
.art_data::before, .art_data::after {
	position: absolute;
	content: '>';
	font-family: 'Righteous', sans-serif;
	color: var(--sed);
	font-size: 5rem;
	bottom: -10px;
	z-index: 1;
	color: var(--sed);
}
.art_data::before {
	right: 40px;
	transition: all 0.2s cubic-bezier(.17,.67,.48,1.54);
	transition-delay: 50ms;
}
.art_data::after {
	right: 15px;
	transition: all 0.2s cubic-bezier(.17,.67,.48,1.54);
}
.art_frame:hover .art_data::before, .art_frame:hover .art_data::after {
	transform: translateX(10px);
}
.art_data h1 {margin-top: 0;}

@media only screen and (min-width: 550px) {
	body:not(.blog) .main img:not(.logo):not(.icon):not(.art), body:not(.blog) .sides img:not(.logo):not(.icon):not(.art) {
		float: right;
		max-width: 50%;
		max-height: 240px;
		margin: 0 0;
		margin-left: 1rem;
	}

	.side_left {
		border-bottom: none;
	}

	.side_right {
		min-width: 275px;
		width: 275px;
		border-left: 4px solid var(--sed);
	}

	.nav {
		flex-direction: row;
		justify-content: space-around;
	}

	.nav a:not(:last-child) {
		margin-bottom: 0;
	}

	.nav a {
		width: fit-content;
	}

	.sides {
		flex-direction: row;
	}
}