@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
body, html {
    height: 100%;
}
body {
    --lg-color: #e8e7e7;
    --dg-color: #dad9d9;
    --db-color: #0f3463;
    font-family: Rubik;
    font-size: 1.5em;
    text-align: center;
    display: flex;
    min-height: 62vh;
    justify-content: center;
    background-image: url("../img/cover/pineta1.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.container {
    padding-top: 32%;
}
#hint {
    display: none;
    margin: auto;
    color: var(--lg-color);
}
#teaser {
    color: var(--lg-color);
    margin: auto;
    padding: 1em;
    border: 1px solid var(--lg-color);
    border-radius: 1em;
    cursor: pointer;
}
#teaser:hover {
    color: var(--dg-color);
    border-color: var(--dg-color);
}