@font-face{font-family:'Titillium Web';src: url(tw.woff2) format('woff2');}
@keyframes elisa-bounce{0%{background-position:initial;}50%{background-position:10rem 10rem;}100%{background-position:initial;}}

body{
	display:flex;flex-direction:column;
	background:repeating-conic-gradient(#334 0% 25%,#445 25% 50%);background-size:10vw 10vw;
	color:#eee;
	height:100vh;width:100vw;
	margin:0;
	align-items:center;
	text-align:center;
	font-family:"Titillium Web";
	font-size:1.25rem;
}
body,div{justify-content:center;display:flex;}
main{
	background:#356;
	border-radius:1rem;
	padding:1rem 2rem 2rem 3rem;
	margin:0;
	box-shadow:.2rem .2rem .2rem #111;
	max-width:45vw
}
fieldset{
	margin:0;
	background:#356;
	background-color:#970;
	border-radius:1rem;
	color:#eee;
	background-color:#663;
	box-shadow:.2rem .2rem .2rem #111;
}
textarea{
	background:#bbb;
	box-shadow:.1rem .1rem .1rem #111;
}

h1{font-size:2rem;}
h2{font-size:1.25rem;font-weight:normal;}
@media (max-height:30rem){main{height:100%;margin-top:2rem;padding-top:0rem;padding-bottom:0rem;}}
@media (max-width:45rem){main{width:100vw;padding-left:0rem;padding-right:0rem;}}
@media (not prefers-reduced-motion){
	body{animation:12s ease-out infinite alternate elisa-bounce;}
	.animation-note{display:none;}
}

.btn{
	color:#eee;background-color:#663;
	cursor:pointer;text-decoration:none;
	border:0rem;border-radius:1rem;padding:1rem 1rem 1rem 1rem;margin:1rem 1rem 1rem 1rem;
	box-shadow:.2rem .2rem .2rem #111;
}
.btnl{border-bottom-right-radius:0rem;border-top-right-radius:0rem;margin:1rem 0.25rem 1rem 1rem;}
.btnc{border-radius:0rem;margin:1rem 0.25rem 1rem 0.25rem;}
.btnr{border-bottom-left-radius:0rem;border-top-left-radius:0rem;margin:1rem 1rem 1rem 0.25rem;}
footer{color:#777}
footer a {color:#663}
.special{background:repeating-conic-gradient(#339 0% 25%,#44A 25% 50%);background-size:10vw 10vw;}