html{
      font-family: 'Alkalami', serif;
      font-size: 16px;
  }
  body{
  
      margin: 0;
      background-color: #efefef;
  }
  
  
  header{
      background-color: #364552;
    color: white;
    padding: 3rem 2rem;
  }
  header h1{
      font-size: 6rem;
      text-align: center;
  
  }
  header h2{
      font-size: 2rem;
      text-align: center;
      height: 0;
  }
  header h3{
      font-size: 1rem;
      text-align: center;
  }
  header h4{
      font-size: 0.5rem;
      text-align: center;
  }
      
      
  .container{
      width: 650px;
      margin: 0 auto;
  }
  
  section article{
      transition: box-shadow 0.3s ease;
      background-color: #fff;
      margin: 1rem 0 ;
      border-radius: 0.5rem;
      padding: 0.25rem 0;
      cursor: pointer;
  }
  
  section article:hover{
      box-shadow: 0 0.1rem 0.4rem rgba(0,0,0,3);
  
  }
  
  section article h2, section article p{
      margin: 1rem;
  }
  
  section article h3{
      margin: 1rem;
  }
  
  section article h4{
      margin: 1rem;
  }
  
  section article a{
      margin: 1rem;
  }
  
  footer{
      background-color: #222;
      padding: 3rem;
      color: #fff;
  }
  footer section{
      float: right;
  }
  
  footer p{
      margin: 0;
  }
  
  footer a{
      transition: color 0.3s ease;
  color: #efefef;
  text-decoration: none;
  }
  
  
  .jugar_pc{
      display: block;
      width: 100px;
      font-family: "Alkalami" ;
      font-weight:400;
      border-radius: 15px;
      margin:1rem;
      width: 377px;
      height: 24px;
      
      background-color: blue;
      text-decoration: none;
      color: white;     
      text-align: center;
      
  }

  .h3_aviso_mobile{
      text-align: center;
  }
  
  *{
      padding: 0;
      margin: 0;
      text-decoration: none;
      list-style: none;
  }
  
  a, li{
      
      color: #fff;
  }
  
  
  .nav-menu ul{
      display: flex;
      align-items: center;
  
  }
  
  .nav-menu li{
      margin-right: 1.5rem;
  }
  
  .nav-menu a:hover{
      color: #4ad295;
  
  }
  
  .nav-menu li:last-child{
      background-color: #4ad295;
      border: 2px solid #4ad295;
      padding: .25rem .75rem;
      border-radius: .2rem;
  }
  
  .nav-menu li:last-child:hover{
      background: transparent;
      border: 2px solid #4ad295;
  }
      
  .bot{
      display: block;
      width: 100px;
      font-family: "Alkalami" ;
      font-weight:400;
      border-radius: 15px;
      margin:1rem;
      width: 129px;
      height: 24px;
      
      background-color: blue;
      text-decoration: none;
      color: white;     
      text-align: center;
  }
  
  .ir-news{
      display: block;
      width: 100px;
      font-family: "Alkalami" ;
      font-weight:400;
      border-radius: 15px;
      margin:1rem;
      width: 240px;
      height: 24px;
      
      background-color: blue;
      text-decoration: none;
      color: white;     
      text-align: center;
  }
  
  .projects{
      display: block;
      width: 100px;
      font-family: "Alkalami" ;
      font-weight:400;
      border-radius: 15px;
      margin:1rem;
      width: 320px;
      height: 24px;
      
      background-color: blue;
      text-decoration: none;
      color: white;     
      text-align: center;
  }
  
  .noticias-button{
      display: block;
      width: 100px;
      font-family: "Alkalami" ;
      font-weight:400;
      border-radius: 15px;
      margin:1rem;
      width: 285px;
      height: 24px;
      
      background-color: blue;
      text-decoration: none;
      color: white;     
      text-align: center;
  }
  
  .twitter{
      display: block;
      width: 100px;
      font-family: "Alkalami" ;
      font-weight:400;
      border-radius: 15px;
      margin:1rem;
      width: 215px;
      height: 24px;
      
      background-color: blue;
      text-decoration: none;
      color: white;     
      text-align: center;
  }
  
  .TIG{
      display: block;
      width: 100px;
      font-family: "Alkalami" ;
      font-weight:400;
      border-radius: 15px;
      margin:1rem;
      width: 145px;
      height: 24px;
      
      background-color: blue;
      text-decoration: none;
      color: white;     
      text-align: center;
  }
  
  .itchio {
      width: 650px;
      padding: 0 10px; 
      box-sizing: border-box;
      margin: 0 auto; 
  }
  
  .menu-container {
      width: 78%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center; 
    }
    
    .nav-menu ul {
      display: flex;
      flex-wrap: wrap; 
      justify-content: center;
      padding: 0;
      list-style: none;
    }
    
    .nav-menu ul li {
      margin: 10px;
    }
    
    .logo {
      max-width: 100%;
    }

    .volver ul {
      display: flex;
      justify-content: flex-start; 
      padding: 0;
      list-style: none;
    }
    
    .volver ul li {
      background-color: #28a745; 
      border-radius: 5px; 
      padding: 10px 20px; 
    }
    
    .volver ul li a {
      color: white; 
      text-decoration: none; 
      font-weight: bold; 
    }
    
    .volver ul li:hover {
      background-color: #218838; 
    }