/*<!--

  ()                             
  /\  __,   _  _    _  _    __,  
 /  \/  |  / |/ |  / |/ |  /  |  
/(__/\_/|_/  |  |_/  |  |_/\_/|_/

-->*/

/* FONT-FACE CUSTOM FONTS */

@font-face {
    font-family: neonledlight;
    src: url("../fonts/NEONLEDLight.ttf");
}

* {
	margin: 0;
	padding: 0;
}

header {
	width: 100vw;
	height: 20vh;
	font-family: 'neonledlight', cursive;
    color:cadetblue;
    font-size: 40pt;
    font-weight: normal;
    text-align: center;
    padding: 3vh;
}

h1 {
	width: 100vw;
	height: 80vh;
	font-family: 'verdana', serif;
    color:white;
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
    margin-top: 2%;
}

section {
	width: 100vw;
	height: 200vh;
	position: center;
	padding-left: 5vh;
	padding-top: 10vh;
}

img {
	width: 30vw;
	position: center;
	padding-top: 10vh;
	padding-left: 20vh;
}


img.web {
	width: 50vw;
	position: center;
	padding-left: 40vh;
	padding-top: 5vh;
}


nav {
	position: fixed;
	top: 45vh;
	right: 5vw;
}

ul {
	list-style-type: none;
	font-family: verdana;
}

figure {
	width: 2vw;
	height: 2vw;
	border: 0.2vw solid cadetblue;
	background-color: none;
	border-radius: 50%;
	margin-bottom: 2vw;
}

figure:hover {
	background-color: lightyellow;
	border-color: lightyellow;
}

span {
	font-size: 0;
	opacity: 0;
	position: relative;
	top: 0.2vw;
	right: 2vw;
	white-space: nowrap;
	transition: right 0.2s, opacity 0.2s;
}

a:hover span {
	font-size: 1.2vw;
	font-family: helvetica;
	color: black;
	opacity: 1;
	right: 9vw;
}

/* CSS COLOR CLASSES */

.grey {
background-color: lightgoldenrodyellow;
}