body {
  margin:10%;
  margin-top:5%;
  margin-bottom:5%;
  font-family:Arial;
  color: #090116;
  background:url("/bgs/rbg_04.png");
  background-attachment:fixed;
}
  
  
.left {
  margin-top:2%;
  margin-right: 40%
  
  }
  
.right {
  margin-left: 67%;
  position: fixed;
  top: 0;
  left: 0;
  margin-right: 7%;
  margin-top: 4%
  
  
  }

.leftbox {
  margin: 2%;
  margin-left: 0%;
  margin-right: 0%;
  padding:2%;
  height:auto;
  overflow: auto;
  width:55%;
}

.rightbox {
  margin: 2%;
  margin-left: 0%;
  margin-right: 0%;
  padding:2%;
  width:250px;
  height:auto;
  overflow: auto;
}
  
.box {
  margin: 2%;
  margin-left: 0%;
  margin-right: 0%;
  padding:2%;
  height:500px;
  overflow: auto;
  
  }
  
  
a {
  color:#1c2449;
  }
  
h1 {
  padding: 5px;
  text-align:center;
  
  }
.box2, .box, .leftbox, .rightbox {
  background: #fffafa;
  border-radius:4px;
}
.box2 {
  margin: 1%;
  height:auto;
  padding: 2%;
  }
.buttons { /*for default buttons, like on the sidebar*/
  list-style-type:none;
  padding:1px;
  padding-left:5px;
  padding-right:5px;
  background: #ffe6e7;
  width:150px;
  border-radius: 10px;
  }
  
.buttons li {
  background: #d97e82;
  }
  
.buttons ul {
  padding-bottom: 0px;
  }
  
.buttons li { 
  border-radius: 5px;/*
  border: 3px solid #064000;*/
  padding: 7px;
  margin:5px;
  margin-top:10px;
  margin-bottom:10px;
  }
  
    
/*GALLERY*/
.img {
  display: inline-block;
  width:200px;
  text-align: center;
  margin: 3px;
  margin-top: 10px;
  margin-bottom: 0px;
  border: 3px solid #b02323;
}
  
.img:hover {
  border: 3px solid #b02323;
  box-shadow: 0px 0px 15px 0.5px #ff2626; /*link color*/
}
  
.img {
  width: 47%;
  border-radius: 3%;
}