@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@font-face {font-family: Futura; src: url(i/futura.ttf);}
@font-face {font-family: "Futura Book"; src: url(i/futura-book.ttf);}

body {margin: 0; padding: 0; max-width: 100%;}
* {max-width: 100%;}
img {display: block;}
#header-photo {width: 100%; display:block; border:0;}

p, a, h3, .text-box, #submit-btn {font-family: "Futura Book", sans-serif !important;}

h2 {font-size: 7vw; margin: 14vw 0 -1vw; color: black; text-transform: uppercase; font-family: Futura, sans-serif; line-height: 90%;}
h3 {font-size: 6.5vw; margin: 5vw 0 0; color: black; line-height: 90%; text-transform: uppercase; font-weight: bold;}
p {font-size: 6vw; line-height: 130%;}

.content {display: block; float: left; background-color: white;}
nav {display: block; float: left; width: 100%; background-color: #ccc;}
	nav a {display: block; float: left; width: 20%; font-size: 3vw; padding: 2% 0; font-family: f, sans-serif; font-weight: 900; color: black; text-align: center; text-decoration: none;}
	#intro nav a:nth-child(1), #games nav a:nth-child(2), #websites nav a:nth-child(3), #other nav a:nth-child(4), #contact nav a:nth-child(5) {color: white; background: black;}
main {width: 92%; padding: 4% 4%; margin: 0 auto 9vw;}

#intro {}
		#personal p {float: left; line-height: 110%;}
		#personal p:nth-child(even) {width: 36%; font-weight: 600;}
		#personal p:nth-child(odd) {width: 64%;}

#websites {}
	#websites main img {margin: -2vw auto 0; border: #ccc solid 0.1vw;}
	.date {margin-top: 1.5vw; font-size: 3.2vw; color: #888; letter-spacing: 0.3vw;}

.text-box {padding: 2vw; margin: 7vw 0 -3vw; width: 94%; border: 0.6vw solid #888; background: #eee; overflow: auto; font-size: 5vw;}
#submit-btn {color: #fff; margin: 7vw 0 4vw; font-size: 6vw; height: 10vw; width: 25vw; font-weight: bold; border: 0; outline: none; background: #333;}

@media (min-width:1200px) {
body {max-width: 1200px; margin: 0 auto; background: #eee;}
h2 {font-size: 3vw;}
p {font-size: 2vw;}
nav a {font-size: 2vw;}
.date {font-size: 1.5vw; margin-bottom: 3vw;}
.text-box {font-size: 1.5vw;}
#submit-btn {font-size: 3vw; height: 4.5vw;}
}