@font-face  {
  font-family: Bluetea; /*Internal name of the font you'll use for this stylesheet.*/
  src: url("/fonts/Bluetea.ttf"); /*Put the url of the font on your site here. DO NOT HOTLINK.*/
}

@font-face {
  font-family: Cheesy; /*Internal name of the font you'll use for this stylesheet.*/
  src: url("/fonts/Cheese Milky.otf"); /*Put the url of the font on your site here. DO NOT HOTLINK.*/
}

@font-face  {
  font-family: Sweetie;
  src: url("/fonts/Sweet Cucumber Mocktail.ttf");
}

body{
background-color: #CBC3C1;
background-image: url('/img/yellowbluebg.jpg');
color: #363538;
cursor: url("/img/Fish-Blue.png"), default;
}

#all{
background-color: #ccc;
width: 615px;
margin: 0 auto;
}

#side{
background-color: #fff;
float: left;
width: 175px;
position: fixed;
}

#sidepadding{
padding: 10px;
}

.sideimgholder{
display: flex;
justify-content: center;
align-items: center;
opacity: 0.7;
}

#sideimg{
width: 175px;
}

#nav{
font-size: 14px;
padding: 5px 0px 5px 0px;
}

ul{
margin: 0px;
padding-left: 0px;
width: 175px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}

li{
list-style-type:;
width: 71px;
display: inline;
float: left;
}

#sidecontent{
font-size: 13px;
text-align: justify;
}

.divider{
border-top: 1px dotted #7A787D;
}

#main{
background-color: #fff;
float: right;
width: 450px;
margin-right:425px;
}

.subheaders{
margin: 0px;
font-weight: normal;
letter-spacing: 2px;
font-size: 20px;
line-height: 13px;
color: #fff;
background-color: #8eb9fa;
}

.maincontent{
padding: 0px 15px 15px 15px;
text-align: left;
font-size: 20px;
letter-spacing: 1px;
background:#fcefe3;
}

.scrollbox{
  overflow:auto;
}

.if-container{display:inline-block;margin:0 auto;height:30rem;width:425px;;;overflow:auto;-webkit-overflow-scrolling:touch}
.ifrm{border:none;display:block;height:30rem;width:425px;}

a{
text-decoration: none;
color: #BA7F61;
}

a:visited{
color: #BA7F61;
}

a:hover{
font-style: italic;
cursor: url("/img/Fish-Blue.png"), pointer;
  text-decoration: underline dotted purple;
}

a, button, clickable {
  cursor: url("/img/Fish-blue.png"), pointer;
}

a:active{
font-weight: bold;
}

::-webkit-scrollbar{
width: 8px; 
}
    
::-webkit-scrollbar-track{
background-color: transparent;
}

::-webkit-scrollbar-thumb{
background-color: #7A787D;
}

#credit{
font-size: 12px;
position: fixed;
bottom: 0;
right: 0;
}