body{
  background-image: url('magicforest.jpg');
  background-size:160%;
  background-repeat:no-repeat;
margin: 0px;
overflow-y: auto;
overflow-x:hidden;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
    color:#2A333A;
    text-align:center;
}

.nunito-<uniquifier> {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


a{
text-decoration: none;
color: #352923;
  font-family: "Nunito", sans-serif;
font-size: 18px;
font-weight: bold;
}

a:active{
text-decoration: none;
color: #352923;
  font-family: "Nunito", sans-serif;
font-size: 18px;
font-weight: bold;
}

a:visited{
text-decoration: none;
color: #352923;
  font-family: "Nunito", sans-serif;
font-size: 18px;
font-weight: bold;
}


b{
text-decoration: none;
color: #352923;
  font-family: "Nunito", sans-serif;
font-size: 16px;
font-weight: bold;
}

h1{
text-decoration: none;
color: #FD6669;
  font-family: "Nunito", sans-serif;
font-size: 30px;
font-weight: bold;
line-height:22px;
  text-shadow: 1px 1px 1px #000000;
  text-transform:uppercase;
}

h2{
text-decoration: none;
color: #83FA82;
  font-family: "Nunito", sans-serif;
font-size: 30px;
font-weight: bold;
line-height:22px;
  text-shadow: 1px 1px 1px #000000;
  text-transform:uppercase;
}

h3{
text-decoration: none;
color: #FEFC63;
  font-family: "Nunito", sans-serif;
font-size: 30px;
font-weight: bold;
line-height:22px;
  text-shadow: 1px 1px 1px #000000;
  text-transform:uppercase;
}

::-webkit-scrollbar{
width: 8px; 
}
 
::-webkit-scrollbar-track{
background-color: #97A9BD;
}
 
::-webkit-scrollbar-thumb{
background-color: #727584;
}

#container{
  position: absolute;
top:0px;
left:150px;
height:350px;
background:#ffffff;
}
  
#breakroom{
  position: relative;
  height:350px;
  width:700px;
 background-image: url("breakroom1.png");
  background-repeat: no-repeat;}
  
    #logo {
  position: absolute;
  top:100px;
  left:100px;
    z-index: 0;
}

  #pim {
  position: absolute;
  top:210px;
  left:125px;
    z-index: 9;
}

  #charlie {
  position: absolute;
  top:142px;
  left:365px;
    z-index: 9;
}
  
  #glep {
  position: absolute;
  top:218px;
  left:545px;
    z-index: 9;
}

    #allan {
  position: absolute;
  top:109px;
  left:15px;
    z-index: 1;
}
  
#box{
  position: absolute;
top:350px;
left:150px;
width:680px;
height:2525px;
background-color: #97A9BD;
overflow:hidden;
padding:10px;
}

div.scrollable {
    overflow-y: scroll;
    height:250px;
  
}