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

h1, h2, h3, h4, h5, h6{
  line-height: 10px; 
}

.contenedor{
  background-color: cyan;
  width: 100%;
  height: 95.5vh;
  }
  
body {
  background-color: #dddddd;
  color: black;
  font-family: 'micro';
  border: double 10px black;
  width: 97.4%;
  display: flex;
  flex-direction: row;
  text-align: center;
 
}

img{
  border-right: double 10px black;
  }

 ::-webkit-scrollbar {
    display: none;
 }
 
 h1{
   font-size:50px;
   padding: 0px;
   }
   
h2{
  font-size: 40px;
  padding: 0px;
  }
   
table{
    margin: 15px;
    font-size: 25px;
    padding: 15px;
  }
  
tbody{
  font-family: 'chivo';
  font-size: 15px;
  }
  
td{
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid black;
  }

.letterboxd{
  color: black;
  text-decoration: none;
  
  }
  
.letterboxd:hover{
  color: black;
  text-decoration: none;
  text-shadow: 2px 2px 1px #aaaaaa;
  font-style: italic;
  
  }
  
.otrosanos{
  color:#919191;
  text-decoration: none;
  }
  
.otrosanos:hover{
  color:black;
  text-decoration: none;
  font-style: italic;
  }

@media only screen and (max-width: 600px) {
  body {
    
  border: double 4px black;
  width: 94%;
  }
  
  h1{
    line-height: 30px;
    } 
    
    h2{
      line-height: 0px;
      }
    
  tbody{
         font-size: 10px;
          }
}

foot{
  padding-top: 15px;
  padding-bottom: 15px;
  }
  
  .home{
    font-size: 30px;
    }



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

        ul{
            list-style-type: none;
        }