.container {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    background-color: rgb(216, 245, 252);
}

.container .imagem-fundo {
    width: 100%;
    height: auto;
}

.container .imagem-fundo img {
    width: 100%;
    height: 100%;
    opacity: 0.1;
}

.container .conteudo {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    height: auto;
    margin-top: -10%;
    font-family: 'Roboto Slab', serif;
}

.conteudo h1 {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    text-transform: uppercase;
}

.conteudo h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 22px;
    font-weight: 300;
    margin-top: 10%;
}

.botoes {
    width: 80%;
    margin-top: 10%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-family: 'Roboto Slab', serif;
}

.botoes .botao {
    padding: 10px;
    border-radius: 7px;
    color: #fff;
    background-color: rgb(105, 146, 149);
    text-decoration: none;
    transition: all 0.5s ease;
}

.botoes .botao:hover {
    background-color: #e9e9e9;
    color: rgb(105, 146, 149);
    border: 1px solid rgb(105, 146, 149);
}