html {
    font-size: 62.5%;
}

body {
    background-color: #D5E1EF;
    height: 100vh;
    margin-top: 0px;
    margin-bottom: 0px;
}

.content {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card {
    background-color: #ffffff;
    width: 320px;
    height: 499px;
    box-sizing: border-box;
    padding: 16px 16px 40px 16px;
    border-radius: 20px;
    box-shadow: 0 1.5625rem 1.5625rem 0 rgba(0, 0, 0, 0.05);
}   

.card img {
    width: 288px;
    height: 288px;
    margin-bottom: 24px;
}

.textos {
    padding: 0px 16px 0 16px;
}

.card .texto-primario {
    margin-top: 0px;
    margin-bottom: 16px;
    font-size: 2.2rem;  
    text-align: center;
    color: #1F314F;
    line-height: 120%;
    font-family: "Outfit", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.card .texto-secundario {
    margin-top: 0px;
    font-size: 1.5rem;
    text-align: center;
    color: #68778D;
    line-height: 140%;
    letter-spacing: 0.2px;
    font-family: "Outfit", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}