@font-face {
  font-family: JoganSoft;
  src: url(jogan_soft/JoganSoft-Regular.ttf);}



* {
  box-sizing: border-box;}
body{
  color:rgb(209, 255, 244);
    background-image: url(gallery/1719793.jpg);
         background-size: cover;
         font-family:JoganSoft;
         background-color: rgb(170, 253, 206);
}

#main{
height: 70%;
width:100%;
background-color: rgba(38, 24, 44, 0.523);padding:10px;text-align:center;

border: 3px groove  rgb(241, 187, 79);
  margin: bottom 10px;
  padding-left: px;
  overflow-y: scroll;
  color:yellow;
   scrollbar-color:#e3ff71 rgba(189, 26, 26, 0) ;
  scrollbar-width: thin;
}




li{
  list-style:circle;
}
#left{
  text-align: center;
  height: 100%;
  width: 200px;
  background-color: rgba(38, 24, 44, 0.523);;padding:10px;text-align:center;
  
 color: white;
 border: 3px groove  rgb(241, 187, 79);
}

table{
  margin: auto;
}
#header{
  background-color: rgba(38, 24, 44, 0);padding:10px;text-align:center;
margin:auto;
  width:800px ;
  overflow: hidden;
  font-size: xx-large;
}



@media only screen and (max-width: 620px) {
  /* testing */
  .menu, .main, .right {
    width: 100%;
  }
}

#foto{
    padding: 4px; 
    width: 300px;
}

#log{
  margin-top: 10px;
  
  border: 3px groove rgb(241, 187, 79)  ;
  background-color: rgba(38, 24, 44, 0.523);
  height: 660px;
  width: 200px;
  padding: 3px;
  background-image: url(gallery/yellow0a.jpg);
  background-size: cover;
  text-align: center;
  font-size: larger;
}

#number{
height: 645px;
  width: 189px;
  background-color: rgba(0, 0, 0, 0.322);
  font-size: 25px;
  text-decoration: none;
}

a:visited {
  color: rgb(246, 255, 0);
 
      }

      ::-webkit-scrollbar {
        width: 10px;
      }
      
      
      ::-webkit-scrollbar-track {
        background: #f1f1f100; 
      }
       
      
      ::-webkit-scrollbar-thumb {
        background: #e3ff71; 
      }
      
      
      ::-webkit-scrollbar-thumb:hover {
        background: #9cdb13; 
      }

      a{
        text-decoration: none;
      }

      #myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
 background-image: url(assets/32760.png);
  background-color:#9cdb1300;
  color: rgba(255, 255, 255, 0);
  cursor: pointer;
  padding: 15px;
 border-radius: 70px;
 width: 120px;
}