body {
font-family: 'Nunito Sans', sans-serif;
background-image: url('/res/starbg.png');
background-attachment: fixed;
background-color: #dff0fe;
}

#sideimg img {
  bottom: 395px;
  left: 55px;
  position: fixed;
  z-index: 20;}
 

#sideimg2 img {
  bottom: 35px;
  left: 200px;
  position: fixed;
  z-index: 20;}
  
#sideimg3 img {
  bottom: -20px;
  right: 0;
  position: fixed;
  z-index: 20;}
   
#sideimg4 img {
  top: 20px;
  right: 300px;
  position: fixed;
  z-index: 20;}
   
#title {
  width: 180px;
  transform: rotate(-5deg);
  padding: 15px;
  border-left: 45px solid #ffca6e;
  background-color: white; 
  border-radius: 0 15px 15px 0;
  bottom: 395px;
  left: 55px;
  position: fixed;
  z-index: 20; 
}

#sidebar {
  height: 370px;
  width: 250px;  
  background-color: #f5f6e3; 
  padding: 20px; 
  border-radius: 25px;
  bottom: 35px;
  left: 35px;
  position: fixed;
  border: 3px dashed #e7eabc;
}

#sidebarcontent { margin-top: 60px;}

.navlink {
  width: 100%;
  text-align: right; 
}
.navlink a {
  letter-spacing: 0.2em;
  width: 130px;
  height: auto;
  background-color: white;
  padding: 5px;
  display: inline-block;
  margin: 5px;
  text-decoration: none;
  border-right: 5px solid #ffca6e;
  color: #ffb12a;
  border-radius: 15px 0 0 15px;
}

.navlink a:hover {color:#8dc9fb;
  border-right: 5px solid #8dc9fb; 
  }

#container {
  text-align: center;
  position: absolute;
  background-color: rgba(190, 225, 253, 0.4);
  border-left: 1px solid #8dc9fb;
  border-right: 1px solid #8dc9fb;
  width: 1110px;
  top:0;
  left: 50%;
  transform: translateX(-50%);
  padding: 30px;
  margin: 0 auto;
}


/* width */
::-webkit-scrollbar {
  width: 10px;
  border-radius: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fafaf0;
  border-radius: 20px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #e3e5b0;
  border-radius: 20px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #cfe8fd;
  border-radius: 20px;
}

.entry{
float:left;
text-align: left;
width: 315px;
height: auto;
margin: 5px;
background-color: white;
padding: 20px;
border-radius: 25px;
border: 1px solid #8dc9fb;
}

.entryhead {
  position: relative; 
  text-align: left;
  top: 0;
  left: 0;
  border-bottom: 1px solid #cfe8fd;
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-size: 20px;
}