@DavidMorgade
Posted
Buenas Titor, muy buen trabajo te quedo muy bien tu componente enorabuena!
Como consejo te podría decir que intentaras alinear el componente justo en el centro de la pantalla, con margin
solo se te está alineando horizontalmente, esto puedes conseguirlo facilmente dandole flex al elemento padre (que en este caso es el body), prueba a quitarle el margin a tu main
y pon tu body así:
body {
font-size: 18px;
font-family: 'Outfit', sans-serif;
background-color: var(--Very-dark-blue-main);
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
}
Espero que te sirva de ayuda para próximos proyectos! buen trabajo.