@charset "UTF-8";
/* CSS Document */

body {
	background-color:black;
}

div {
	background-color:white;
	border-radius:2px;
	color:white;
	text-align:center;
}

div a {
	color:white;
}

@keyframes colorchange {
	0% {
		color:#b93d00;
	}
	2% {
		color:#b93d00;
	}
	25% {
		color:#e1b20f;
	}
	27% {
		color:#e1b20f;
	}
	50% {
		color:#3c775c;
	}
	57% {
		color:#3c775c;
	}
	75% {
		color:#b01352;
	}
	77% {
		color:#b01352;
	}
	100% {
    	color:#b93d00;
  	}
}

div a:hover {
	animation: colorchange 2s infinite;
}

p {
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	padding:1vw;
	margin-top:-1vh;
}

#topleft {
	width:40%;
	float:left;
	margin-right:2.5%;
	height:25vh;
	margin-bottom:5vh;
	margin-left:2.5%;
	margin-top:4vh;
}
#topmiddle {
	width:35%;
	float:left;
	margin-right:2.5%;
	height:25vh;
	margin-bottom:5vh;
	margin-top:4vh;
}
#topright {
	width:15%;
	float:right;
	height:25vh;
	margin-bottom:5vh;
	margin-right:2.5%;
	margin-top:4vh;
}

#middleleft {
	width:15%;
	float:left;
	margin-right:2.5%;
	height:20vh;
	margin-left:2.5%;
}
#middle {
	width:45%;
	float:left;
	margin-right:2.5%;
	height:30vh;
	margin-bottom:5vh;
}
#uppermiddleright {
	width:30%;
	float:right;
	height:12.5vh;
	margin-bottom:5vh;
	margin-right:2.5%;
}
#lowermiddleright {
	width:30%;
	float:left;
	height:12.5vh;
	margin-bottom:5vh;
	margin-right:2.5%;
}

#bottomleft {
	width:15%;
	float:left;
	margin-right:2.5%;
	margin-left:2.5%;
	height:35vh;
	margin-top:-10vh;
}
#bottommiddle {
	width:30%;
	float:left;
	margin-right:2.5%;
	height:25vh;
}
#bottomright {
	width:45%;
	float:right;
	height:25vh;
	margin-right:2.5%;
}

#topleft p {
	font-size:6vw;
	line-height:23vh;
	vertical-align:middle;
}
#topmiddle p {
	font-size:3vw;
	line-height:8vh;
	vertical-align:middle;
	margin-top:2vh;
}
#topright p {
	font-size:2.5vw;
	line-height:6vh;
	vertical-align:middle;
	margin-top:1.25vh;
}
#middleleft p {
	font-size:3vw;
	line-height:8vh;
	vertical-align:middle;
	margin-top:0.25vh;
}
#middle p {
	font-size:2.5vw;
	line-height:7vh;
	vertical-align:middle;
	margin-top:2vh;
}
#uppermiddleright p {
	font-size:3vw;
	line-height:8vh;
	vertical-align:middle;
	margin-top:0.5vh;
}
#lowermiddleright p {
	font-size:2.5vw;
	line-height:7vh;
	vertical-align:middle;
	margin-top:0.5vh;
}
#bottomleft p {
	font-size:2vw;
	line-height:5vh;
	vertical-align:middle;
	margin-top:0.5vh;
}
#bottommiddle p {
	font-size:2.5vw;
	line-height:7vh;
	vertical-align:middle;
	margin-top:3.5vh;
}
#bottomright p {
	font-size:2.5vw;
	line-height:7vh;
	vertical-align:middle;
	margin-top:3.5vh;
}
.bigger  {
	font-size:3vw;
}