@font-face {
	font-family: 'YWFTBlackgold-Bold';
	src: url('ywft-blackgold-bold.eot');
	src: url('ywft-blackgold-bold.eot?#iefix') format('embedded-opentype'),
             url('ywft-blackgold-bold.woff2') format('woff2'),
	     url('ywft-blackgold-bold.woff') format('woff'),
	     url('ywft-blackgold-bold.ttf') format('truetype'),
	     url('ywft-blackgold-bold.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { background-color: #410984; font-family: 'YWFTBlackgold-Bold'; color:white; }
body > div:nth-child(1) img { width:100%; max-width:640px;}
body > div:nth-child(2) { position:relative;top:-8vh; }
img#footer, video { width:100%; max-width:640px; min-width:120px;}
video { margin-left:auto; margin-right:auto; display:block;margin-bottom:3vh; }
div { width:100%; text-align:center;}
p { margin-top:7.5vh; text-decoration:blink;} 
p:last-child { font-size:0.7em; margin-top:1.5vh;}
h1 { font-size: 3em; }
img#logo_animation { margin-top:-2vw; }

div#sidebar {
    position: fixed;
	text-align:right;
    top: 1vw;
    right: 1vw;
	width:50px;
}

div#sidebar a:first-child img {
    width:100%;
}

div#sidebar a img:hover {
    transform: scale(1.1);
}

a { color: white; }

a#game {
    background-color: #de3ff3;
    padding: 0.5vw 1vw;
    text-decoration: none;
    font-size: 2em;
    font-family: 'YWFTBlackgold-Bold';
    transition: 0.4s ease-in-out;
}

a#game:hover {
    background-color: white;
    color: #de3ff3;
    transition: 0.4s ease-in-out;
}

.blink {
	animation: blink-animation 1s steps(5, start) 3;
}

@keyframes blink-animation {
	to {
	  visibility: hidden;
	}
}