@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

* {
    font-family: 'Quicksand', 'Roboto Condensed', sans-serif;
}

main {
    display: flex;
    justify-content: center;   /* Centra horizontalmente */
    align-items: center;       /* Centra verticalmente */
    height: 550px;             /* Ocupa toda la altura de la pantalla */
    gap: 40px;                 /* Espacio entre imagen y texto */
    padding: 20px;
    box-sizing: border-box;
}

.alain-img img {
    width: 200px;
    height: auto;
    border-radius: 50%; /* Opcional: redondear imagen */
}

.sobre-mi {
    max-width: 600px;
    text-align: left;
}

.sobre-mi .btn {
    font-weight: bold;
    padding: 10px 20px;
    text-decoration: none;
    color: white;
    background-color: #2563EB;
    border-radius: 15px;
    transition: background-color 0.3s, transform 0.2s;
    display: inline-block;
    margin-right: 10px; /* espacio entre botones */
}

.sobre-mi .btn:hover {
    background-color: #3761d4; /* azul más oscuro al pasar el mouse */
    transform: scale(1.05);    /* efecto de zoom suave */
}

.azul {
  color: #2563EB;
}

.verde{
    color: green;
}

.rojo{
    color: red;
}