body {
  background-color: #5b4a68;
  color: #37364e;
  font-family: Montserrat;
  font-size: 1em;
  margin:0px;
}

@font-face {
font-family: Montserrat;
src: url("/fonts/Montserrat-Regular.woff");
}

@font-face {
font-family: 'Montserrat Bold';
src: url("/fonts/Montserrat-Bold.woff");
}

* { scrollbar-color: #37364e #9e8e91; 
box-sizing:border-box;}

h1 {background-color:#9e8e91;
text-align:center;
width:100%;
margin:auto;
padding:10px;
font-family: 'Montserrat Bold';
font-size:2.4em;
border:1px #FBF7EF solid;
 position:fixed;
  text-shadow: -1px -1px 0 #f4e9d4, 1px -1px 0 #f4e9d4, -1px 1px 0 #f4e9d4, 1px 1px 0 #f4e9d4;}

h2 {
  color: #FBF7EF;
  background-color:#6aae9d;
  height:auto;
  padding:10px;
font-family: 'Montserrat Bold';
text-align:center;
font-size:2em;
  width:80%;
margin:10px;
border:#37364e 2px solid;
 text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

h3 {margin-top:50px;
font-family: 'Montserrat Bold';}

label {background-color:#FBF7EF;
padding:5px;}

.cornerimg {
  position:fixed;
    right: 0;
    bottom:0;
    z-index:-100;
}

.bodybox {
height:92vh;
overflow:auto;
position:fixed;
width:calc(100% - 255px);
top:70px;
left:255px;}

.sidebar {
text-align:center;
   background-color:#9e8e91;
border: 1px solid #f4e9d4;
width:255px;
height:100%;
position:fixed;
z-index:2;
top:70px;
justify-content: center;
}

.sidebar img {margin:10px;}

.pp {
  padding:25px;
   overflow: auto;
text-align:justify;
background-color:#FBF7EF;
}


.linkbutton {
 text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  color:#FBF7EF;
  text-align: center;
background-color:#355d69;
border:1px solid #FBF7EF;
  font-size:1.4em;
  height:auto;
padding: 3px 0 3px 0;
  margin:auto;
}

.linkbutton a:link {
  text-decoration:none;
font-family: 'Montserrat Bold';
color:#FBF7EF;
}

.linkbutton a:visited {
  text-decoration: none;
font-family: 'Montserrat Bold';
  color:#FBF7EF;

}

.linkbutton a:hover {
  text-decoration: wavy underline;
font-family: 'Montserrat Bold';
  color:#b9d4b4;
}

.linkbutton a:active {
  text-decoration: wavy underline;
font-family: 'Montserrat Bold';
  color:#b9d4b4;
}

#main {
  background-color:#FBF7EF;
  padding:25px;
border:1px solid #37364e;
  position: static;
margin:10px;
  width:80%;
margin-bottom:100px;

}
a:link {
  text-decoration:dotted underline;
    color:#6aae9d;
    font-family: 'Montserrat Bold';

}

a:visited {
font-family: 'Montserrat Bold';
  color:#6aae9d;

}

a:hover, a:focus {
color:#355d69;
font-family: 'Montserrat Bold';

}



@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class="sidebar"] {
    display:none;
  }
  [class="foryou"] {
    display:none;
  }
body {margin:0;}

h1 {margin-top:30px;
position:static;}
h2 {width:100%;
margin:auto;
margin-top:50px;}

.bodybox {width:100%;
margin-top:20px;
height:auto;
overflow:auto;
position:static;
top:100px;
left:255px;}  

  #main {
   width: 100%;
margin:auto;
  
}
  .navtop {position:fixed;
  flex-direction:row;
  display:flex !important;
  background:#FBF7EF;
  top:0px;
  width:100%;
  padding-left:10px;
  padding-top:5px;
  padding-right:10px;
  justify-content: space-evenly;
}
  
}

.navtop {display:none;
  
}