body, pre {
      font-family: 'MS Gothic', monospace;
    }
    .title{
      text-align: center;
      --animation: floating 3s infinite;
    }
    .hr{
      text-align: center;
    }
    
    @font-face {
      font-family: 'phatboyslim';
      src: url(https://riotaortiz.neocities.org/img/phatboyslim.otf);
    }
    @keyframes floating {
      0% { transform: translate(0,  0px); }
      50%  { transform: translate(0, 15px); }
      100%   { transform: translate(0, -0px); } 
    }
    h1,h2,h3,h4,h5{
      margin:0px;
      font-family: 'phatboyslim';
    }
    a:link, a:visited {
      text-decoration: none;
      color: inherit;
    }

a:hover, a:active {
  color: #D3FF2E;
  text-shadow: -1px 0 #FF1717, 0 1px #FF1717, 1px 0 #FF1717, 0 -1px #FF1717;
}
.bordeado{
background:#0a0a0a;
border: 3px solid #D3FF2E;
margin: 5px 0px;
      
}
      ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


p{
  padding-top:20px;
  padding-bottom:10px;
}
li a {
  display: inline-block;
  width:100%;
  color: white;
  padding: 5px;
  text-decoration: none;
}
   .layout{
     max-width: 920px;
     margin-top: 50px;
     margin-left:auto;
     margin-right:auto;
    }
          img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
        margin:5px;
      }