html{background: skyblue;}

h1{color: orange;
text-align: center;
font-size: 150px;
font-family: nightcap;}

h2{color: orange;
text-align: center;
font-family: nightcap;}

body{vertical-align: center;}

ul{text-align: center;}

li{color: orange;
text-align: center;}

div{background: grey;}

p{font-size: 20px;
color: white;}

@font-face {
    font-family: nightcap;
    src: url(nightcap/NightcapNF.otf);
    src: url(nightcap/NightcapNF.ttf);
}


.general{border-style: solid;
border-color: black;
width: 300px;
display: inline-block;}

.events{border-style: solid;
border-color: black;
width: 300px;
display: inline-block;}

.collections{border-style: solid;
border-color: black;
width: 300px;
display: inline-block;}

.support{border-style: solid;
border-color: black;
width: 300px;
display: inline-block;}

.vangogh{display: inline-block;
	border-style: solid;
border-color: black;
height: 700px;
width: 400px;}

.vangogh img{ display: inline-block;
width: 400px;
}

.vangogh h3{display: inline-block;
width: 300px;
text-align: center;
font-size: 50px;
vertical-align: top;
color: white;}

.fun{display: inline-block;
	border-style: solid;
border-color: black;
height: 700px;
width: 400px;
vertical-align: top;}

.fun img{display: inline-block;
	height: 485px;
width: 400px;}

.fun h3{display: inline-block;
width: 300px;
text-align: center;
font-size: 45px;
vertical-align: top;
color: white;}

.museum{display: inline-block;
border-style: solid;
border-color: black;
height: 700px;
width: 400px;
vertical-align: top;}

.museum img{display: inline-block;
	height: 485px;
width: 400px;}

.museum h3{display: inline-block;
width: 300px;
text-align: center;
font-size: 40px;
vertical-align: top;
color: white;}


/*General Page*/

.home{border-style: solid;
border-color: black;
width: 300px;
	display: inline-block;}

.info{display: inline-block;
vertical-align: top;
width: 400px;
font-size: 40px;
border: solid;}

.generalpic{display: inline-block;
vertical-align: right;
width: 400px;
height: 400px;}

.generalpic img{display: inline-block;
width: 800px;
height: 800px;
}


/*Events Page*/

.starrynight img{display: inline-block;
width: 500px;}
.starrynight h3{display: inline-block;
font-size: 20px;
vertical-align: top;
color: white;}


/*Collections*/

.trevor {border-style: solid;
border-color: black;}

.maria {border-style: solid;
border-color: black;}

.avery {border-style: solid;
border-color: black;}


/*Support*/




@media screen and (min-width: 1000px) {html{background: purple;}}