img {border-radius: 75px; margin: 20px; 
}
h2 {font-size: 25px; color: black; 
}
body {background-color: slateblue;
font-family: "Trebuchet MS"; color: white; text-align: center;
}
a {background-color: rgb(19, 45, 190); font-size: 20px; border-radius: 10px; 
    padding: 10px; display: block; text-align: center; margin: 10px; 
    color: black;
}
    h1 {font-size: 45px; color: green; text-shadow: 2px 2px 4px black;
    }
p {font-size: 18px; color: silver; text-align: center;
}
/* Selecciona la imagen por una clase para no afectar a todas las del sitio */
.project-image {
    width: 250px;
    height: 450px;
    object-fit: cover; /* Corta los bordes sobrantes para llenar el cuadro */
    object-position: center; /* Centra la imagen dentro del recorte */
    display: block; /* Ayuda a evitar espacios extraños abajo de la imagen */
    margin: 0 auto;
}
body {
  background-color: #f2f2f2;
  color: #333;
  font-family: sans-serif;
}

h1 {
  color: #a855f7; /* Color de aura */
}

a {
  color: #a855f7;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #facc15; /* Cambia a amarillo al pasar el mouse */
}