body{
     background-image:url("/imagenes/GalaxyCont.jpg");
background-size:cover;
background-repeat: no-repeat;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 5px;
    color: #cc6ff1f8; 
}

.estrellas {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;

    background: 
    radial-gradient(2px 2px at 20% 10%, #fff, transparent 60%),
    radial-gradient(1.5px 1.5px at 80% 30%, #fff, transparent 60%),
    radial-gradient(2px 2px at 40% 70%, #fff, transparent 60%),
    radial-gradient(1px 1px at 60% 50%, #fff, transparent 60%);

    background-repeat: repeat;
    background-size: 200px 200px;

    animation: caerEstrellas 10s linear infinite;
}

@keyframes caerEstrellas {
    from {background-position: 0 0;}
    to {background-position: 0 100vh;}
}
header{
    background-image: url("/imagenes/cat.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    width:auto;
    display: flex;
    align-items:row;
    padding: 20px;
    border-radius: 20px;    
    margin: 20px;
    transform: translateY(-10px);
    box-shadow: 0 5px 10px #9b0ebe; 
    transition: 0.3s; 
}

.boton-github{
    color: #000000;
    background-color: rgb(183, 0, 255);
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none; 
    font-weight: bold;
    transition: 0.3s;
    border-width: 5px;
    border-color: #9651c2;
}

.boton-github:hover{
    background-color: #106835; 
}
.contenedor-proyectos{
    display: flex; 
    justify-content: row;
    padding: 10px;
    gap: 30px;
  }
.tarjeta{
   background-image: url("/imagenes/GalaxyPort.jpg");
   background-size: cover;
   background-repeat: no-repeat;
    color:rgb(183, 0, 255);
    padding: 20px;
    width: 550px;
    border-radius: 15px;
    box-shadow: 0 4px 12px #9b0ebe; 
    transition: 0.3s; 
    margin: 5px;
}
.tarjeta:hover{
    background-color: #225808;
    transform: translateY(-10px); 
    box-shadow: 0 8px 20px rgb(2, 90, 21);
}


.tarjeta h2{
    color: #820692; 
    border-bottom: 2px solid #e8f5e9;
    padding-bottom: 10px;
}
footer{
   height: auto;
    background:linear-gradient(to top, #000000, #2e023f);
    color: #54d609;
    display: flex;
    flex-direction: column;
    text-align: center;
border-radius: 10px;
margin: 20px;


}
.img-footer{
    height: 10px;
    width: 40px;
}
.botoncito{
 margin: 5px;
    padding: 10px;
    width: 160px;
   color: #8cff00;
background-color: #2f0233;
    border-radius: 15px;
    box-shadow: 0px 5px 12px rgb(81, 255, 0);

}