* {
    box-sizing: border-box;
}
 body {
     font-family: Arial, Helvetica, sans-serif;
 }

 /* Estilo encabezado */
 header {
     background-color: rgba(214, 61, 15, 0.952);
     padding: 30px;
     text-align: center;
     font-size: 30px;
     color: rgba(255, 255, 255, 0.952);
 }

 /*Estilo cajas flexibles*/
 main {
     display: flex;
     width: 100%;
 }

 /*Estilo menu */
 nav {
     flex: .5;
     background: #ccc;
     padding: 30px;
 }

 /*Estilo para elementos del menu */
 ul#subtemas {
     list-style-type: none;
     padding: 20px;
     text-decoration-line: underline;
 }

 /*Estilo para las listas dentro del menu */
 li.opcion {
     padding-bottom: 25px;
     font-size: large;
     font-weight: bold;   
 }

 
 

 /*Estilo para logoimagen */
 img#logo {
     width: 150px;
     max-height: 150px;
     padding-bottom: 30px;
     margin-left: 40px;
 }

 /*Estilo para la imagen */
 img#intro {
     display: block;
     margin-left: auto;
     margin-right: auto;
     border: none;
     max-height: 350px;
     width: 50%;
 }

 /*Estilo para la imagen */
 img#redes {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
    max-height: 350px;
    width: 50%;
}

 /*Estilo para la imagen */
 img#tito {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
    max-height: 350px;
    width: 50%;
}

 /*Estilo para la imagen */
 img#neflis {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
    max-height: 350px;
    width: 50%;
}

 /*Estilo para la imagen */
 img#gamer {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
    max-height: 350px;
    width: 50%;
}

 /*Estilo para la imagen */
 img#mexi {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
    max-height: 500px;
    width: 100%;
}

 /*Estilo para el contendio */
 section {
     flex: 3;
     background-color: #f1f1f1;
     padding: 10px;
     padding-left: 40px;
     padding-right: 40px;
 }

 /*Estilo para el articulo */
 article {
     text-align: justify;
     font-family: 'Verdana';
     margin-left: 2%;
     margin-right: 2%;
     padding: 10px;
     padding-left: 40px;
     padding-right: 40px;
 }

 /*Estilo pie de pagina */
 footer {
     background-color: rgba(214, 61, 15, 0.952);
     padding: 10px;
     text-align: center;
     color: white;
 }

 /*Estilo para enlaces no vistados */
 a:link {
     color: rgb(185, 121, 1);
     text-decoration-line: none;    
 }

 /*Estilo para los enlaces visitados */
 a:visited {
    color: rgb(104, 67, 0);
    text-decoration-line: none;
 }

 /*Estilo para los enlaces al pasar el cursor encima*/
 a:hover {
     color: rgb(129, 0, 158);
     text-decoration-line: none;
 }

 /*Estilo enlaces al ser activados*/
 a:active {
    color: rgb(173, 11, 52);
    text-decoration-line: none;
 }

 /*Estilo responsivo*/
@media (max-width: 800px) {
    main {
        flex-direction: column;
    }
}