@import url ('https://fonts.googleapis.com/css2? family = Indie + Flower & family = Roboto & display = swap'); </style>

*{ 
    margin: 0;
    padding: 0;
}

/* Estilos menu de navegacion */

.menu{
    font-family: 'Caveat', cursive;
    float: right;
    text-align: center;
    
}

header nav a{
    
    color: white;
    text-decoration: none;
    display: inline-block;
    line-height: normal;
    font-size: 1.7vmax;
    font-weight: bold;
    padding: 2vmin
}

header{
    width: 100%;
    overflow: hidden;
    background-color: #675176;
   
}

/* Fondo body */

body{
    background-image: url(/img/fondo.jpg);
}

/* Colores fondo y fuente main */

main{
    background-color: black;
    color: white;
}

/* Estilos de todos los textos */

.titulo{
    margin: 8vmin;
    font: size 3vmax;;
    font-family: 'Indie Flower', cursive;
    text-align: center;
    background-color: #675176;
}

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

.subtitulo{
    text-align: center;
    font: size 1.7vmax;;
    font-family: 'Indie Flower', cursive;
}

.sub{
    font: size 1.7vmax;;
    font-family: 'Indie Flower', cursive;
    text-align: center;
}

.info{
    font-family: 'Indie Flower', cursive;
    width: 80vw;
    font-size: 1.7vmax;
    margin: auto;
    overflow: hidden;
}

/* Estilos imagenes */

.img-container{
    display: flex;
    text-align: center;
    justify-content: center;
}

.img{
    width: 15%; 
     height: 20%;
}