Eleve seu negócio digital a outro nível com um Front-end de qualidade!

        <p class="paragrafo">Olá! Sou Daniel Granato, desenvolvedor Front-end com especialidade em React, HTML e CSS. 
        Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>

        <div class="caixa_botao"> 
            <h2 class="titulo_botoes">
                acesse minhas redes
            </h2>
            <a class="botao" href="https://github.com"> <img src="github.png" alt="logo_github">GitHub</a>            
            <a class="botao" href="https://instagram.com"> <img src="instagram.png" alt="logo_github">Instagram</a>            
            <a class="botao" href="https://linkedin.com"> <img src="linkedin.png" alt="logo_github">Linkedin</a>            

        </div>
        

    </section>
    <img src="Imagemmm.png" alt="foto">
</main>
<footer></footer>

• {
  margin: 0;
  padding: 0;
  }
  body {
  height: 100vh;
  box-sizing: border-box;
  background-color: rgb(50, 50, 50);
  color:rgb(159, 161, 161);
  }

.titulo {
color: rgb(253, 254, 254);
}

.apresentacao {
margin: 10%;
display: flex;
align-items: center;
justify-content: space-between;
}

.apresentacao_conteudo {
width: 615px;
display: flex;
flex-direction: column;
gap: 40px;
}

.apresentacao_conteudo_titulo {
font-size: 35px;
font-family: "Krona One", sans-serif;
}

.paragrafo {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 20px;
}

.titulo_botoes {
font-family: "Krona One", sans-serif;
font-weight: 400;
font-size: 24px;
}

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

.botao {
width: 378px;
display: flex;
justify-content: center;
gap: 16px;
border: 2px solid rgb(219, 100, 215);
text-align: center;
border-radius: 8px;
font-family: "Montserrat", sans-serif;
font-size: 24px;
padding: 21.5px 0;
text-decoration: none;
color: rgb(13, 133, 213);

}

.botao:hover {
background-color: rgb(115, 63, 114);
color: white;

}