@charset "UTF-8";

/*

---      ---  ________
\   \   /  / |_____   |  
 \   \ /  /       /  /
  \      /  hi!  /  /
   \    /       /  /
    |   ||ʘ‿ʘ)╯/  /
    |   |     /  /_____
    |   |    /_________|    
    |___|

*/
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&display=swap');
/*GENERAL STYLES*/
body {font-family: 'Lato', monospace; font-size:24px; margin-top:0;}

* {
		margin: 0;
		color: #000;
		text-decoration: none;
	}

body, html {height: 100%;width: 100%;}

#wrapper {background-color:#fff9e1; margin-left:auto; margin-right:auto;}
header {height:115px; background-color:#084056;}

/*LOGO STYLES*/
#logo {float:left} 

/*NAV STYLES*/
nav {float:right;}
nav ul {margin-left:0; padding-left:0;}
nav li {display:inline-block;}
nav li a {padding:17px; display: block; width:100;}

/* nav link styles*/
nav li a:link {color:#fff9e3; text-align:center; text-decoration:none; background-color:#084056;} 
nav li a:visited {color: #fff9e3;}
nav li a:hover {color: red;} 

.current-page {text-decoration: underline;}

/*FOOTER STYLES*/
footer {height:14vh; background-color:#ff914d; clear:both; text-align: center;}
footer ul {margin-left:0; padding-left:0;} 
footer li {display:inline-block;} 
footer li a {padding:10px; display: block; width:100px;}
/* footer link styles*/
footer li {width:100px; margin:0 auto; padding-top:12px; color: #fff9e3;}
footer li a:link {color:white; text-decoration:none;}
footer li a:visited {color:black; text-decoration:underline;}
footer li a:hover {color:black; text-decoration:underline;}
footer li a:active {color:black; text-decoration:underline;}

/*CONTENT STYLE*/
#content {margin-top: 0px; background-color:#fff9e3; margin-left: 10%; margin-right: 10%; min-height: 40vh;overflow: hidden;margin-bottom: 5%;}

#content li a:hover {color:red;}

#intro {display:flex; justify-content: center; align-items: center;}

#wink {display:flex; justify-content: center; align-items: center; margin-top:10vh;}

table, th, td {border: 1px solid black;}

/*PAGENAME STYLE*/
#pagename {padding-top: 32px;margin-bottom: 5vh;}

h1 {text-decoration:underline; text-align: center; color: clear; font-size:50px; font-family: 'Playfair Display';}
h2 {text-align: center; color: clear; font-size:60px; font-family: 'Playfair Display';}
h3 {font-family: 'Lato', monospace; font-size:30px;}

footer {clear:both;}