estilo.css

/*Barra de navegación*/
.container {
   width: 80%;
   margin: 0 auto;
}

.header {
   background: #333;
   color: white;
   padding: 0.5rem 0;

   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
}

   .header a {
      color: white;
      text-decoration: none;
   }

.logo-nav-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
}

.logo {
   max-height:50%;
   min-height:20%;
   width:50px;
}

.menu-icon {
   display: none;
}

.navigation ul{
   margin: 0;
   padding: 0;
   list-style: none;
}

   .navigation ul li {
      display: inline-block;
   }

      .navigation ul li a {
         display: block;
         padding: 0.5rem 1rem;
         transition: all 0.4s linear;
         border-radius: 5px;
      }

         .navigation ul li a:hover {
            background: #4a4a4a;
         }

/* Global */
* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 
 body {
   font-family: "Oswald", sans-serif;
   background-color: #000000;

   /* Pattern from https://www.heropatterns.com/ */
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='105' viewBox='0 0 80 105'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='death-star' fill='%23540606' fill-opacity='0.4'%3E%3Cpath d='M20 10a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm15 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zM20 75a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zm30-65a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm0 65a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zM35 10a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zM5 45a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zm60 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
   color: #1e272e;
   color: #fff;
   font-size: 16px;
 }

 .links:hover {
    border-bottom: 1px solid;
    
 }

.bloque {
   font-family: Georgia, 'Times New Roman', Times, serif;
   font-size: 1.2rem;
   line-height: 1.5em;
   margin-bottom: 1.6em;
   margin-top: 12%;
}

h1 {
   font-size: 2rem;
   line-height: 1.3em;
}

h3 {
   margin-bottom: 0.5em;
}

p {
   margin-bottom: 1.6em;
}

 a {
   color: #ffffff;
   text-decoration: none;
 }
 
 ul {
   margin-top: -20px;
   margin-left: 18px;
   margin-bottom: 30px;
}

 }
 
 .container {
   width: 90%;
   margin: auto;
 }

 /*Apartado principal*/

.btn {
   cursor: pointer;
   display: inline-block;
   border: 0;
   font-weight: bold;
   padding: 10px 20px;
   background: #262626;
   color: #fff;
   font-size: 15px;
   border: 1px solid #fff;
 }
 
 .btn:hover {
   opacity: 0.9;
 }
 
 .showcase {
   margin-top: 12%;
   width: 100%;
   height: 550px;
   background: url("imagenes/showcase2.jpg") no-repeat center center/cover;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   justify-content: flex-end; 
   color: #fff;
 }
 
 .showcase h2,
 .showcase p {
   margin-bottom: 10px;
 }
 
 /*Sección de resumenes del contenido*/
 .news-cards {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 25px;
   margin: 70px 0;
 }
 
 .news-cards img {
   width: 100%;
   height: 180px;
 }
 
 .news-cards h3 {
   font-size: 20px;
   margin: 10px 0;
 }
 
 .news-cards a {
   padding: 10px 0;
   color: #f2f2f2;
   text-transform: uppercase;
   display: inline-block;
   font-weight: bold;
 }

/* Pie de página */
footer {
   width: 100%;
   background: #202020;
   color: white;  

   position: flex; 
   left: 0;
   right: 0;
}

.container-footer-all {
   width: 100%;
   max-width: 1200px;
   margin: auto;
   padding: 40px;
}

.container-body {
   display: flex;
   justify-content: space-between;
}

.colum1 {
   max-width: 400px;
}

.colum1 h1 {   
   font-size: 22px;
}

.colum1 p {
   font-size: 14px;
   color: #C7C7C7;
   margin-top: 20px;
}

.colum2 {
   max-width: 400px;
}

.colum2 h1 {
   font-size: 22px;
}

.row {
   margin-top: 20px;
   display: flex;
}

.row img {
   width: 36px;
   height: 36px;
}

.row label {
   margin-top: 10px;
   margin-left: 20px;
   color: #C7C7C7;
}

.colum3 {
   max-width: 400px;
}

.colum3 h1 {
   font-size: 22px;
}

.row2 {
   margin-top: 20px;
   display: flex;
}

.row2 img {
   width: 36px;
   height: 36px;
}

.row2 label {
   margin-top: 10px;
   margin-left: 20px;
   max-width: 140px;
}

.container-footer {
   width: 100%;  
}

.footer {
   max-width: 1200px;
   margin: auto;
   display: flex;
   justify-content: space-between;  
   padding: 20px;
}

.copyright {
   margin-left: 40%;
   margin-right: 0%;
   color: #C7C7C7;
}

.information a {
   text-decoration: none;
   color: #C7C7C7;
}

/*Barra de navegacion para moviles*/
@media only screen and (max-width: 700px) {

   .menu-icon {
      display: block;
      cursor: pointer;
      padding: 0.5rem 1rem;
   }
   
   .navigation {
      width: 100%;
      margin-top: 1rem;
   }

      .navigation ul {
         display: none;
      }

      .navigation ul.show {
         display: block;
      }

      .navigation ul li {
         display: block;
      }
   
         .navigation ul li a {
            display: block;
            padding: 0.5rem 0;
            transition: all 0.4s linear;
            border-radius: 5px;
         }
   
            .navigation ul li a:hover {
               background: #4a4a4a;
            }

/*Pie de página para moviles*/
@media screen and (max-width: 1100px){

   footer {
      margin: 0;
   }
   
   .container-body  {
       flex-wrap: wrap;
   }

   .container-footer {
      width: 100%;
   }

   .copyright {
      margin-left: 40px;
   }
   
   .colum1 {
       max-width: 100%;
   }
   
   .colum2,
   .colum3 {
       margin-top: 40px;
   }
}