nav{
  z-index: 99;
  background-color: #818a75; 
  position: absolute;
  padding: 10px;
  height: 100%;
  width: 120px;
  
}

.navlink{ 
  display: block;
  padding: 5px;
  margin: 8px 5px 8px;
}
 
a {
  color: #818a75;
}

  

  

body {
  background:  url("/BG.png") no-repeat fixed;
  background-size: cover; 
  }


.bodycontents {  color: white;
     margin-right: 5%; 
        margin-left: 5%; 
           margin-top: 5%; 
              margin-bottom: 5%; }
               
  
.card { 
    color: white;
    box-shadow: 2px 2px 8px #000000;
    background-color: rgba(20, 30, 25, 0.8); 
}

  :root {
      --new-primary-color: #818a75;
      --primary: var(--new-primary-color);
    }

    .btn-primary {
      background-color: var(--new-primary-color);
      color: var(--new-primary-color);}
      
       
     
.sidebar { 
  z-index: 0;
position: sticky;
top: 0;
 color: white;
     margin-right: 5%; 
        margin-left: 12%; 
           margin-top: 0%; 
              margin-bottom: 5%;
              padding: 10px;
}

.sidebarimg { 
  z-index: -1;
position: absolute;
top: 0; 
        margin-left: 15%;   
              padding: 10px;
}

.sticky {
position: sticky-top;
top: 10;
}


h1 {
  color: white;
  text-shadow: 2px 2px 4px #000000;
}



.responsive {
  width: 100%;
  height: auto;
}