@font-face {
    font-family: "Mina";
    src: url('fonts/Mina-Regular.ttf');
  }

  @-moz-document url-prefix() {
    div, html{
      scrollbar-color: rgba(186, 175, 175, 0) rgba(91, 91, 91, 0) !important;
      scrollbar-width: thin !important;
    }
  }
  
body{
    height:100%;
    width:100%;
    margin: 0 auto;
    padding: 0px;
    background:black;
    overflow-x:hidden;
}
  
  #background{
    width:100%;
    height:100%;
    max-height:1000px;
    min-height:500px;
    position:absolute;
    margin:0 auto;
    margin-top:-5%;
    padding:0px;
    background: linear-gradient(180deg, rgba(114, 112, 112, 0.642) 0%, 
                                         rgba(104, 95, 95, 0.146) 45%,
                                            rgb(0, 0, 0) 55%);
    opacity:1;
    z-index:-1;
  }
  

#everything{
    margin: 0 auto;
    margin-top:5%;
    width:75%;
    max-width:550px;
    height:850px;
    z-index:1;
    background:rgb(0, 0, 0);
    border-radius: 70px 500px 0px 0px;
    box-shadow: 3px 3px 3px 5px black;
    overflow:hidden;
}

a{
    padding:10px;
    display:inline-block;
    color:rgb(223, 193, 193);
    text-decoration:none;
    font-family: "Mina", sans-serif;
}
#spacer{
    width:100%;
    height:5%;
}

#plant{
    mix-blend-mode: multiply;
    transform: scaleX(-1);
    background-image:url('decorative/color_earth.gif');
    background-size:contain;
    background-repeat: no-repeat;
    width:110px;
    height:110px;
    position:absolute;
    margin: 0 auto;
    margin-left:57%;
    margin-top:-1%;

}

.page{
    background: linear-gradient(90deg, rgba(0, 128, 0, 0.183) 0%, rgb(0, 0, 0) 65%);
    width:70%;
    height:5%;
    margin: 5% 0% 0% 10%;
    border-radius: 10px 0px 0px 10px;
    transition: ease-in-out 0.5s;
}
.notpage{
  background: linear-gradient(90deg, rgba(128, 0, 0, 0.183) 0%, rgb(0, 0, 0) 65%);
  width:70%;
  height:5%;
  margin: 7% 0% 0% 10%;
  border-radius: 10px 0px 0px 10px;
  transition: ease-in-out 0.5s;
  opacity:0.7;
}
.notpage a{
  color:rgba(184, 141, 141, 0.724);
}


.page:hover{
    transform: translateX(10px);
    transition: ease-in-out 0.5s;
}

.page:hover a{
    color:rgb(252, 183, 183);
}


#inner{
  text-align:center;
  margin-left:-10%;
  margin-top:5%;
  font-size:0.8rem;
}



::-webkit-scrollbar {
    width: 0px;
}
/* ::-webkit-scrollbar-track {

} */

/* .pad::-webkit-scrollbar{
    width:0px;
} */
/* ::-webkit-scrollbar-thumb {
    background: rgba(63, 37, 37, 0);
    border-radius: 9px;
} */












  /* .sidenav {
    margin:1%;
    margin-bottom:30%;
    padding-right:0px;
    padding-top:3%;
    float:left;
    width:20%;
    height:65%;
    border:1px solid rgb(85, 34, 34);
    border-radius:5px;
    position:relative;
    overflow-y:scroll;
    overflow-x:hidden;
  }
  
  .sidenav a, .dropdown-btn{
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 20px;
    color:rgb(91, 40, 40);
    display: inline-block;
    border: none;
    background: none;
    width:100%;
    text-align: left;
    cursor: pointer;
  }

  .dropdown-btn{
    background: linear-gradient(180deg, rgb(74, 8, 8) 0%, rgb(53, 16, 11) 46%);
    color:rgb(230, 213, 177);
    margin-bottom:5%;
    font-family: 'Moda', sans-serif;
    font-size:1em;
  }
  
  .sidenav a:hover, .dropdown-btn:hover {
    color: #f1f1f1;
  }
  
  .main {
    margin-left: 100%; 
    font-size: 20px; 
    padding: 0px 10px;
    background-color:black;
  }
  
  .active {
    background: linear-gradient(180deg, rgb(74, 8, 8) 0%, rgb(53, 16, 11) 46%, rgb(91, 27, 27) 100%);
    color:rgb(252, 227, 174);
  }
  
  .dropdown-container {
    display: none;
    padding-left: 8px;
    width:100%;
  }

.arrow{
    padding:0px;
    padding-bottom:3px;
    margin:0;
    margin-left:5%;
    scale:0.7;
    display:inline-block;
    transition: all 0.5s ease;
    }

.rotate {
    transform: rotate(90deg);
  } */