body{
background: url(log.png), #fff;
background-repeat: no-repeat;
background-position: 624px 113px;
background-size: 690px;
font-family: 'CaviarDreams', sans-serif;
user-select: none;
}

@font-face {
  font-family:CaviarDreams;
  src: url(CaviarDreams.ttf);
}

.container {
	width: 500px;
	height: 400px;
	position: relative;
	margin-top: -44px;
	margin-left: 347px;
	/*! border:3px double #469DA6; */
	border-radius:3px;
	background-color: #fff;
}

#header{
clear: both;
color: #469DA6;
background-color: transparent;
filter: saturate(100%);
width: 421px;
height: 87px;
font-size: 30px;
text-align: left;
margin-left: 577px;
margin-top: 190px;
}

#nav{
clear: both;
padding: 3px;
color: #757575;
background-color: #E0FCFF;
filter: saturate(100%);
width: 190px;
height: 200px;
text-align: left;
margin-left: 140px;
margin-top: 30px;
border:3px double #469DA6;
border-radius:3px;
font-size: 18px;
}

#footer{
clear: both;
padding: 3px;
color: #469DA6;
background-color: transparent;
filter: saturate(100%);
width: 406px;
height: 40px;
font-size: 15px;
text-align: left;
margin-left: -3px;
margin-top: 5px;
a { color: #469DA6; }
border-top: 2px solid #469DA6;
}

#scrolly{
overflow: scroll;
overflow-x: hidden;
width:500px;
height:400px;
margin: 0 auto;
text-align: left;
}

a{
text-decoration-style: dotted;
color: #469DA6;
}

a:hover{
background-color: #C5D9DB;
border-bottom: 2px solid #3C6F75;
text-decoration-style: none;
}

/* CUSTOM SCROLLBAR/SELECT */
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #469DA6 #F5F3F1;
  }
 
::-webkit-scrollbar{
width: 8px; 
}
 
::-webkit-scrollbar-track{
background-color: #fff7fb;
}
 
::-webkit-scrollbar-thumb{
background-color: #469DA6;  
}