codigos | HTML e CSS: Classes, posicionamento e Flexbox

@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 {
    height: 100vh;
    box-sizing: border-box;
    background-color: black;
    color:#F6F6F6;
}

.titulo-destaque {
    color: #22D4FD;
}
.apresentacao{
    display: flex;
    align-items:center;
    justify-content: space-between;
    margin: 10% 10%;
    gap: 50px;
}
.apresentacao___conteudo{
    width: 615px;
    gap: 40px;
}

.apresentacao___conteudo__titulo{
    font-size:36px ;
    font-family:"Krona One", sans-serif;
    
}
.apresentacao___conteudo__texto{
    font-size: 24px;
    font-family:"Montserrat", sans-serif;
    
}
.apresentaçao__link{
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin:20px;

}
.apresentacao__link__link{
    background-color: #22D4FD;
    width: 220px;
    text-align:center ;
    border-radius: 16px;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 0;
    text-decoration: none;
    color: #000000;
    font-family:"Montserrat", sans-serif;
    transition: transform 0.2s ease;

}.apresentacao__link__link:hover {
    transform: scale(1.05); /* pequeno efeito ao passar o mouse */
}