/*Documentos de estilo en CSS de la página web*/

/*Declarando las fuentes que se descargaron dentro del proyecto*/
@font-face {
    font-family: 'Outfit';
    src: url('../assets/fonts/outfit/Outfit-VariableFont_wght.woff2') format('woff2-variations');
    font-weight: 100 900; 
    font-style: normal;
}

@font-face {
    font-family: 'YoungSerif';
    src: url('../assets/fonts/young-serif/YoungSerif-Regular.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
}

.imagen {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 10px;
}
/*Estilización desde h1 a h6 de la fuente*/
h1, h2, h3, h5, h6 {
    font-family: YoungSerif, serif;
}

/*Estilización de h1*/
h1 {
    font-weight: 700;
    font-size: 40px;
}

/*Estilización de h2 EL COLOR ES NUTMEG*/
h2 {
    color: hsl(14, 45%, 36%);
    font-weight: 400;
}

/*Estilización de h4*/
h4 {
    font-family: Outfit, sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: hsl(332, 51%, 32%);
}

/*Estilización de p, li y th*/
p, li, th{
    font-family: Outfit, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: hsl(24,5%,18%);
}

/*Estilización del body EL COLOR ES EGGSHELL*/
body {
    background-color: hsl(30, 54%, 90%);
}

/*Estilización del tablero*/
.tablero {
    width: 85%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 35px;
    border-radius: 15px; 
    max-width: 700px;
}

/*Estilización del tablero de tiempo de preparación*/
.tiempopreparacion {
    background-color: hsl(330,100%,98%);
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 10px;
    
}

/*Estilización del espacio entre los elementos de una lista*/
.espaciar li {
    margin-bottom: 15px;
}


/*Estilización de la tabla*/
.th-izquierda {
    padding-right: 250px;
    padding-left: 50px;
    text-align: center;
}

.th-derecha {
    color:hsl(14, 45%, 36%);
    padding-right: 280px;
}

th {
    border-bottom: 1px solid #9b9a9b;
    padding-bottom: 5px;
}