/* Font simply downloaded to local from google. */
@font-face{font-family:'Titillium Web';src: url(tw.woff2) format('woff2');}

.tart{
	animation:10s linear 1 t;
	background: url(poptart.gif) no-repeat 100% 10%; /* Credits: Christopher Torres for the Nyan Cat image */
	background-color: rgb(102, 102, 51);
	background-image: url("poptart.gif");
	background-size: auto 100%;
}

/* All CSS below, apart from font name, is in public domain. Use as you may. */

@keyframes elisa-bounce{0%{background-position:initial;}50%{background-position:10rem 10rem;}100%{background-position:initial;}}
@keyframes t{0%{background-position:initial;}100%{background-position:1000%;}}

body{
	display:flex;flex-direction:column;
	background:repeating-conic-gradient(#334 0% 25%,#445 25% 50%);background-size:10vw 10vw;
	animation:12s ease-out infinite alternate elisa-bounce;
	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;}
main{
	background:#356;
	border-radius:1rem;
	padding:1rem 2rem 2rem 3rem;
	margin:0;
	box-shadow:.2rem .2rem .2rem #111;
	max-width:45vw
}

h1{font-size:1.5rem;font-weight:normal;} /* As it was back then.*/
h2{font-size:1.25rem;font-weight:normal;}

@media only screen and (max-height:30rem){main{height:100%;margin-top:2rem;padding-top:0rem;padding-bottom:0rem;}}
@media only screen and (max-width:45rem){main{width:100vw;padding-left:0rem;padding-right:0rem;}}
@media (prefers-reduced-motion){body{animation:none;}.animation-note{display:inherit !important;}}

.btn{
	color:#eee;background-color:rgb(102, 102, 51);
	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;}

.slink{			color:#663}
.animation-note{	display:none;}
body:target{		animation:12s ease-out infinite alternate elisa-bounce;}

.special-color{		background:repeating-conic-gradient(#339 0% 25%,#44A 25% 50%);background-size:10vw 10vw;}