body {    background-color: white;}#fade img {	    -webkit-animation: fadein 6s; /* Safari, Chrome and Opera > 12.1 */       -moz-animation: fadein 6s; /* Firefox < 16 */        -ms-animation: fadein 6s; /* Internet Explorer */         -o-animation: fadein 6s; /* Opera < 12.1 */            animation: fadein 6s;}#fade p {    font-size: 1.2em;    text-align: center;    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */       -moz-animation: fadein 2s; /* Firefox < 16 */        -ms-animation: fadein 2s; /* Internet Explorer */         -o-animation: fadein 2s; /* Opera < 12.1 */            animation: fadein 2s;}#fade h1 {    font-size: 1.875em;    text-align: center;    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */       -moz-animation: fadein 2s; /* Firefox < 16 */        -ms-animation: fadein 2s; /* Internet Explorer */         -o-animation: fadein 2s; /* Opera < 12.1 */            animation: fadein 2s;}#fade h2 {    font-size: 1.5em;    text-align: center;    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */       -moz-animation: fadein 2s; /* Firefox < 16 */        -ms-animation: fadein 2s; /* Internet Explorer */         -o-animation: fadein 2s; /* Opera < 12.1 */            animation: fadein 2s;}#fade li {    font-size: 1.2em;    text-align: left;    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */       -moz-animation: fadein 2s; /* Firefox < 16 */        -ms-animation: fadein 2s; /* Internet Explorer */         -o-animation: fadein 2s; /* Opera < 12.1 */            animation: fadein 2s;}@keyframes fadein {    from { opacity: 0; }    to   { opacity: 1; }}/* Firefox < 16 */@-moz-keyframes fadein {    from { opacity: 0; }    to   { opacity: 1; }}/* Safari, Chrome and Opera > 12.1 */@-webkit-keyframes fadein {    from { opacity: 0; }    to   { opacity: 1; }}/* Internet Explorer */@-ms-keyframes fadein {    from { opacity: 0; }    to   { opacity: 1; }}/* Opera < 12.1 */@-o-keyframes fadein {    from { opacity: 0; }    to   { opacity: 1; }}.item {}.item img {  max-width: 100%;  -moz-transition: all 0.6s;  -webkit-transition: all 0.6s;  transition: all 0.6s;}.item:hover img {  -moz-transform: scale(1.3);  -webkit-transform: scale(1.3);  transform: scale(1.3);}@font-face {    font-family: 'Roboto';    src: url('Roboto-Regular.ttf') format('truetype');    font-weight: normal;    font-style: normal;}@font-face {    font-family: 'Roboto';    src:url('Roboto-Thin.ttf') format('truetype');    font-weight: 100;    font-style: normal;} @font-face {    font-family: 'Roboto';    src: url('Roboto-Light.ttf') format('truetype');    font-weight: 200;    font-style: normal;} table {	width: 80%;}h1 {    color: white;	font-family: "Roboto";    font-weight: 100;	font-size: 1.875em;	margin-left: 20px;	text-shadow: 2px 2px 1px #000000;}h2 {    color: white;	font-family: "Roboto";    font-weight: 200;	font-size: 1.5em;	font-size: 4vw;	margin-left: 20px;	text-shadow: 1px 1px 1px  #000000;}h3 {    color: black;	font-family: "Roboto";    font-weight: 200;		font-size: 1.0em;		margin-left: 0px;	margin-top: 0px;}h4 {	color: black;	font-family: "Roboto";    font-weight: 100;	font-size: 1.875em;	margin-left: 20px;	}h5 {	color: white;	font-family: "Roboto";	font-weight: 200;	font-size:	1.2em;	margin-left: 0px;	margin-right: 0px;	text-shadow: 1px 1px 1px   #000000;}p { 	color: white;	font-family: "Roboto";	font-weight: 200;	font-size:	1.2em;	margin-left: 200px;	margin-right: 200px;	text-shadow: 1px 1px 1px   #000000;}p2 { 	color: white;	font-family: "Roboto";	font-weight: 200;	font-size:	1.2em;	text-shadow: 1px 1px 1px   #000000;}ul {	color: white;	font-family: "Roboto";	font-weight: 100;	font-size:	1.1em;	margin-left: 200px;	margin-right: 200px;	text-shadow: 1px 1px 1px   #000000;}a {	color: white;	font-family: "Roboto";	font-weight: 200;	font-size:	1.1em;	margin-left: 0px;	margin-right: 0px;	text-shadow: 1px 1px 1px  #000000;}a-small {	color: white;	font-family: "Roboto";	font-weight: 200;	font-size:	0.8em;	margin-left: 0px;	margin-right: 0px;	text-shadow: 1px 1px 1px  #000000;}li {	color: white;	font-family: "Roboto";	font-weight: 200;	font-size:	1.1em;	margin-left: 200px;	margin-right: 200px;	text-shadow: 1px 1px 1px  #000000;	}table {		width: 600px;	table-layout: fixed;	border-spacing: 20px;    border-collapse: separate;}td {	margin-left: 0px;	margin-right: 0px;	}img {	display :block;	margin: auto;	}form { margin-left: 35%; width:30%;}.button {background-color: red; /* Green */    border: none;    color: white;    padding: 16px 32px;    text-align: center;    text-decoration: none;    display: inline-block;    font-size: 16px;    margin: 4px 2px;    -webkit-transition-duration: 0.4s; /* Safari */    transition-duration: 0.4s;    cursor: pointer;}.button:hover {    background-color: #4CAF50; /* Green */    color: white;}#loadOverlay{display: none;}