nav{
    background-color: black;
}

  body {
    background-image:linear-gradient(rgba(0.9, 0.9, 0.9, 0.9), rgba(0.9, 0.9, 0.9, 0.9)), url(../imgs/css_fondo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
   

a{
    padding: 30px;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-decoration: none ;
    color: white;
    font-size: 19px;
    margin-left: 32px;
}

a:hover{
    background-color:rgb(10, 221, 210);
    border-radius: 18px;
}


h1{
   font-family: "Merriweather", serif;
    margin-left:53rem;
    margin-top:45px;
    font-size: 45px;
    color:white;
    background: rgba(0, 0, 0, 0.45);
    
}


h3{
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size:40px;
    margin-right: 38rem;
    margin-top: 16px;
    color: white;
}

.icono{
    margin-top: 12px;
    position: absolute !important;
    right: 100rem;
    color: white;
}


.card{
    width: 49rem;
    margin-top: 34px;
    margin-left: 37rem;
    background-color:rgb(31, 31, 31);
    border-radius: 15px;
    font-size:22px;
    font-family:  'Consolas', 'Courier New', 'Fira Code', monospace !important;;
    color:beige;
}
    


.imagen1{
    width: 18rem;
    margin-left:52rem;
    margin-top:19px;
}

.card2{
    width: 22rem;
    background-color:rgb(255, 255, 255);
    border-radius: 18px;
    padding: 17px;
    margin-left: 50rem;
    margin-top: 2rem;
}

.parrafo{
    font-size:22px;
     font-family:  'Consolas', 'Courier New', 'Fira Code', monospace !important;;
    color:beige;
    margin-left: 11rem;
    width: 85%;
    margin-top: 3rem
}


.card3{
    width: 22rem;
    background-color:rgb(255, 255, 255);
    border-radius: 18px;
    padding: 17px;
    margin-left: 50rem;
    margin-top: 3rem;
}

h4{
    font-size: 23px;
    font-family:  'Consolas', 'Courier New', 'Fira Code', monospace !important;;
}


.card4{
 width:75rem;
 background-color:rgb(31, 31, 31);
 margin-left: 24rem;
 padding: 43px;
 border-radius: 18px;
 margin-top: 5rem;  
 color:aliceblue;
 font-size:22px;
}


.lista{
 color: white;
 width: 87%;
 font-size:22px;
 font-family: 'Consolas', 'Courier New', 'Fira Code', monospace !important;
 margin-top:2rem;  
 margin-left: 10rem;
}

.lista small{
    font-size: 23px;
}

.lista li{
    padding:12px;
}


footer{
    background-color:rgb(10, 221, 210);
    color: black;
    width: 100%;
    height: 13vh;

}

footer a:hover{
    background-color: transparent;
}

.descripcion{
    margin-top: 3rem;
    position: absolute;
    left: 34rem;
    font-family:'Times New Roman', Times, serif;
    font-size: 23px;
}




.imagen2{
 width: 6rem;
 padding: 11px;
 position:absolute;
 left: 55rem;
 margin-top: 1rem;

    
}


.imagen3{
 width: 6rem;
 padding: 11px;
 position:absolute;
 left: 62rem;
 margin-top: 1rem;


    
}



.imagen4{
 width: 6rem;
 padding: 11px;
 position:absolute;
 left: 69rem;
 margin-top: 1.50rem;


    
}


.despedida{
    font-size:22px;
    font-family:  'Consolas', 'Courier New', 'Fira Code', monospace !important;;
    color:beige;
    margin-left: 11rem;
    width: 90%;
    margin-top: 3rem
}