@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{
    margin: 0;
    padding: 0;
}

    body{
    box-sizing: border-box;
    background-color: black;
    color: #F6F6F6;
}

    .cabecalho{
        padding: 2% 0% 0% 10%;
}

    .cabecalho__menu{
        display: flex;
        gap: 80px;
    }

    .cabecalho__menu__link{
        font-family: "Montserrat", sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        color: #22D4FD;
        text-decoration: none;
}

    .titulo_destaque{
        color: #22D4FD;
    }

    .apresentacao{
        padding: 5% 15%;
        display: flex;
        align-items: center;
        justify-content:space-between;
        gap: 82px;
    }

    .foto_vitorya{
        width: 530px;
        height: 530px;
        object-fit: cover;
        border-radius: 5%;
    }

    .apresentacao__conteudo{
        width: 50%;
        display:flex;
        flex-direction: column;
        gap: 40px;
    }

    .tamanho_titulo{
        font-size:2.25rem;
        font-family: "Krona One", sans-serif;
    }

    .tamanho_paragrafo{
        font-size: 1.5rem;
        font-family: "Montserrat", sans-serif;
    }

    .botao{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 32px;
    }

    .link{
        display: flex;
        justify-content: center;
        gap: 16px;
        border: 2px solid #22D4FD;
        width: 50%;
        text-align: center;
        border-radius: 8px;
        font-size: 1.5rem;
        font-weight: 600;
        padding: 21.5px 0;
        text-decoration: none;
        color: #F6F6F6;
        font-family: "Montserrat", sans-serif;
    
    }
    
    .link:hover{
        background-color: #272727;
    }

    .acesseminhasredes{
        font-family: "Krona One", sans-serif;
        font-weight: 200;
        font-size: 1.5rem;
    }

    .rodape{
       color: #000000;
       background-color: #22D4FD;
       padding: 24px;
       text-align: center;
       font-family: "Montserrat", sans-serif;
       font-size: 20px;
       font-weight: 400;
    }

    @media (max-width: 1200px){
        .apresentacao{
            flex-direction: column-reverse;
            padding: 5%;
        }

        .cabecalho{
            padding: 10%;
        }

        .cabecalho__menu{
            justify-content: center;
        }

        .apresentacao__conteudo{
            width: auto;
        }
    }