@font-face{font-family:'micro'; src:url(https://k4rm4ggan.neocities.org/fonts/micro.ttf)}


 ::-webkit-scrollbar {
    display: none;
 }
  
body {
  background-color: #dddddd;
  color: black;
  font-family: 'micro';
  padding: 5px;
  padding-left: 100px;
  border: double 10px black;
  width: 91.4%;
  height: 94vh;
  display: flex;
  flex-direction: column;
}

.otrosanos{
  color:#919191;
  text-decoration: none;
  }
  
.otrosanos:hover{
  color:black;
  text-decoration: none;
  font-style: italic;
  }

table{
    border: solid black 1px;
    background-color: cyan;
  }
  
@media only screen and (max-width: 600px) {
  body {
  padding: 20px;
  border: double 4px black;
  height: 84vh;
  width:84%;
  }
  
  h1, h2{
    line-height: 0px;
    }
  
    
  tbody{
         font-size: 10px;
          }
}

#boton li{
  display: none;
  }
  
#boton li:hover{
  display: block;
  }
  







li:hover{
            animation-duration: 1s;
            transform: translateX(15px);
        }

        ul{
            list-style-type: none;
        }