@import url('https://fonts.googleapis.com/css2?family=Jersey+10&family=Pixelify+Sans:wght@400..700&display=swap');
body {
    background-image: url('img/fondo.png');
    background-repeat: no-repeat;
    /*Al momento de subir los archivos a neocities, al ejecutarlo no carla los elementos
    background-color: rgb(85, 0, 0);*/
    background-attachment: fixed;
      font-family: "Pixelify Sans", sans-serif;
       font-family: "Jersey 10";
}    

h1{
    font-size: 80px;
    font-family: 'Jersey 10' !important;
}
h2{
    font-size: 60px;
    font-family: "Jersey 10";
}
h3{
    font-size: 40px;
    font-family: "Pixelify Sans", sans-serif;
}
h4 {
    font-size: 30px;
    font-family: "Pixelify Sans", sans-serif;
}
p{
    font-size: 30px;
}

main {
    background-color: rgba(0, 0, 0, 0.5);
    width: 1800;
    max-width: 95%;
    margin: 0px auto 0px auto;
    /*padding: 0px 100px, 0px 100px;  esto es el margen de cada caja*/
    }
header {
    text-align: center;
    margin-bottom: 60px;
    
}

.imgtam img{
height: 100px;
width: 100px;

}
.imgtamq img{
height: 360px;
width: 640;

}
article {
text-align: center;
    
}
aside {
    text-align: center;
}
.consejos {
    text-align: left;
}
footer {
    text-align: center;
    font-size: 25px;
}
/*botones de navegacion*/
nav {
    margin-bottom: 60px;
}
nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 30px;
    padding: 0;
    margin: 0;
}
/*posicion*/
nav li {
    display: inline-block;
    
}
nav a {
    padding: 20px;  
    background-image: url('img/botones.png');
    background-size: cover;
    /*mismo problema al ejecutar, no levanta los archivos
    background-color: darkgrey;*/
    background-position: center;
    text-decoration: none;
    font-size: 30px;
    color:rgb(255, 255, 255)
}
nav a:hover{
    display: inline;
    padding: 20px;
    background-image: url('img/botones_h.png');
    background-size: cover;
    /*mismo problema al ejecutar, no levanta los archivos
    background-color: cornflowerblue;*/
    background-position: center;
    color: rgb(251, 255, 0);
    text-decoration: none;
    
}
aside {
    display: flexbox ; /*poner secciones en columnas*/
}
.caja1{
    display: inline-flex;
    justify-content: center; 
    align-items: center; 
    gap: 100px;
}