/*Importo el tipo de letra para utilizar en la web*/
@font-face{

    font-family: AvenirNextPro;
    src:url(Fonts/Avenir_Next_Pro/AvenirNextLTPro-Regular.otf);
}

/*Esta para los h1 y h2*/
@font-face{
    font-family: Muthualis;
    src:url(Fonts/muthualis/Muthualis.otf);
}

/*color de fondo de la web gris*/
Body{
    background-color: rgb(255, 255, 255);
}

/*Aplico a toda la web la familia de fuente creada previamente*/
*{
    font-family: "AvenirNextPro";
    margin:0px
}

/*Formato para la cabecera de nombre, pasión y menú*/
#cabecera{
    border-bottom: 2px solid black;
}

/*A través de Flexbos organizo la disposición del menu*/
.flex-container{
    border-bottom: 2px black solid;
    background-color: white;
    padding: 20px;
    display:flex;
    flex-flow: row;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}

/*Formato de cada caja del menú que, a treavés del flex, organizo en la página*/
.caja{
    font-family: "Muthualis"; 
    background-color: white;
    text-align: center;
    color: black;
    font-weight:bold;
    width: 10%;
    height:5%;
    align-content: center;
    align-items: center;
}

/*quito el color azul a los enlaces de href. Creo un id y le aplico el formato*/
#link{
    color: black;
    text-decoration: none;
}


/*margin izquierdo al pie de página*/
#PieDePagina{
    margin-left: 1%;
}

/*a los títulos h1 les aplico fuente especifica Muthualis, tamaño y color y alineación centrada*/
h1{
    font-family: "Muthualis";
    font-size: 60px;
    color: black;
    text-align: center;
}

/*a los títulos h2 les aplico tamaño y color  y alineación centrada*/
h2{
    font-family: "Muthualis";
    font-size: 30px;
    color: black;
    text-align: center;
}

/*formato para los parrados normales*/
p{
    font-size:18px;
    margin-left: 1%;
}

h3{
    font-size: 20px;
    text-align: left;
    margin-left: 1%;
}