/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

.sideBar {position:relative; }

.menu-wrapper { 
    position:relative;
    border-radius: 8px;
    overflow: hidden;
    width: 15vw;
    margin-left: 0; 
    color: #fff;  
    background: linear-gradient(#2e6830, #2e6830) padding-box,
              linear-gradient(to bottom, rgba(206,206,206,.71), rgb(75,75,75)) border-box;
    border: 4px solid transparent; 
    transition: 1s;
} 

 @media screen and (max-width: 850px) {
  .menu-wrapper {width: 20vw;}
}
 @media screen and (max-width: 600px) {
  .menu-wrapper {width: 100px;}
} 
/* highlight */
.menu-wrapper:before {
  content: '';
  display: block;
  position: absolute;
  left: 4px;
  right: 4px;
  top: 2px;
  height: 15px;
  border-radius: 5px;
  background: linear-gradient( 
   hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0) );  
}
.link1 {display:inline-block; text-decoration:none; padding: 6px 25px 6px 4px; font-weight:700;} 
.link1:hover, .link2:hover {color:black; background-color:#b8dcb8; }  

.link2 {display:block; text-decoration:none; padding: 7px 25px 7px 4px; font-weight:700; } 
.link3 {display:block; text-decoration:none; padding: 3px 25px 7px 3px; font-weight:700;  } 
.link3:hover {color: black; background-color:#baccbb;}

.menu-wrapper button {display:block; background-color: #dbefdc; width: 100%}   
.block2 {background-color: #6c936e;}  
.closebtn {font-size: 2em; font-weight:800;  text-shadow: 2px 2px #959595; text-decoration:none; margin-left: 40%;}

 @media screen and (max-width: 1000px) {
  .closebtn {margin-left: 20%;}, .link1 {padding-left: 15px; }
}
 @media screen and (max-width: 700px) {
  .closebtn {margin-left: 0; font-size: 1.5em;}, .link1 {padding-left: 15px; } 
  }     
  .menubtn {color: #fff; padding:3px;
    background: linear-gradient(#2e6830, #2e6830) padding-box,
              linear-gradient(to bottom, rgba(206,206,206,.71), rgb(75,75,75)) border-box;
    border: 4px solid transparent; transition: 1s; border-radius: 4px;
    height: 9vh; position:absolute; left: 5px; top: 3px; }