body{

    background-color:#FFF1F5;

    font-family:Verdana, Geneva, Tahoma, sans-serif;

    margin:0;

}


/* ------------------------
   ENCABEZADO
------------------------ */

.hero{

    text-align:center;

    margin-top:60px;

}

.hero h1{

    font-size:70px;

    color:#d9899f;

    margin-bottom:10px;

}

.hero p{

    font-size:20px;

    color:#7a6b6b;

}


/* ------------------------
   MENÚ
------------------------ */

nav{

display:flex;

justify-content:center;

gap:50px;

margin-top:40px;

}
nav a{

text-decoration:none;

color:#6e5656;

font-weight:bold;

}
nav{

display:flex;

justify-content:center;

gap:50px;

background:white;

padding:18px;

border-radius:20px;

margin:40px auto;

width:70%;

}
/* ------------------------
   SECCIÓN BIENVENIDA
------------------------ */

.welcome-section{

    display:flex;

    justify-content:center;


    gap:25px;

    width:80%;

    margin:50px auto;

}
.bias-card{

    width: 180px;
    object-fit: cover;
    border-radius: 15px;
    border: 4px solid white;
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}
.welcome-card{

    width:350px;
    

}
.mood-card{

    width:200px;
  
}
.card{

    padding:30px;

}