/* 

 (                         *         (                                         
 )\ )                    (  `        )\ )                              )    )  
(()/(   (     )          )\))(      (()/(     (   (       )         ( /( ( /(  
 /(_)) ))\ ( /(   (     ((_)()\   (  /(_))   ))\  )(     (      (   )\()))\()) 
(_))  /((_))(_))  )\ )  (_()((_)  )\(_))_   /((_)(()\    )\  '  )\ (_))/(_))/  
/ __|(_)) ((_)_  _(_/(  |  \/  | ((_)|   \ (_))   ((_) _((_))  ((_)| |_ | |_   
\__ \/ -_)/ _` || ' \)) | |\/| |/ _| | |) |/ -_) | '_|| '  \()/ _ \|  _||  _|  
|___/\___|\__,_||_||_|  |_|  |_|\__| |___/ \___| |_|  |_|_|_| \___/ \__| \__|  

*/

/* css reset
* {
	margin: 0;
	padding: 0;
} */

body {
	background-color: cyan;
	text-align: center;
}

h1 {
	font-family: "Helvetica", Arial, san-serif;
	font-size: 34px;
	color: red;
	text-align: center;
}

h2 {
	font-family: "Helvetica", Arial, san-serif;
	font-size: 28px;
	color: red;
	text-align: center;
}

h3 {
	font-family: "Helvetica", Arial, san-serif;
	font-size: 23px;
	color: red;
	text-align: center;
}

p {
	font-family: "Helvetica", Arial, san-serif;
	font-size: 16px;
	color: red;
	text-align: center;
}

ul {
	list-style-type: none;
}

li {
	display: inline-block;
	background-color: limegreen;
	padding: 10px;
}

nav {
	width: 100%;
	height: 10%;
	display: inline-block;
	padding: 15px;
}

head {
	width: 100%;
	height: 20%;
}

img {
	padding-bottom: 2vw;
}