Frontend project to show my socials

Greetings! you have done a great job 😎

📌 Some suggestions

• I recommend doing a small reset to the styles that come by default in the browsers. To do this, you can apply a couple of properties to the universal selector *, with this you will make your site look the same in all browsers
• I leave you the task of researching the reset CSS and the box-sizing: border-box
• Instead of using position to center your content in the center of the screen, you can use the flexbox properties in the body:

body {
    background-color: black;
    min-height: 100vh;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

main {
    background-color: #222222;
    /* position: absolute; delete */
    /* top: 50%;  delete */
    /* left: 50%;  delete */
    /* transform: translate(-50%, -50%);  delete */
    width: 250px;
    height: 420px;
    text-align: center;
    border-radius: 10px;
}