header > div {
    padding: 0 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
   
}


nav ul {
    list-style: none;
    display: flex;
    align-items: left;
   
}

nav a {
   
    text-decoration: none;
    padding-right: 10px;
    padding: 10px 30px;
    margin-right: 5px;
    text-decoration: none;
    color: rgb(255, 255, 255);
    background-color: rgb(249, 127, 227);
    border-radius: 5px;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.2), 0.2em 0.1em 0.2em rgba(135, 35, 35, 0.65);
    
}
nav ul li a:hover{
    color: black;
    width: max-content;
    border-radius: 5px;
    background-color: #ec1c57c1;
}
.cvIrene{
    width: 250px;
    float: left;
    padding-left: 0px;
    padding: 10px 30px;
        margin-right: 60px;
        text-decoration: none;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color: rgb(0, 0, 0);
        background-color: rgb(249, 127, 227);
        background-size: 100px;
        border-radius: 5px;
        box-shadow: inset 0 -2em 2em rgba(0, 0, 0, 0.385), 0.2em 0.2em 0.2em rgba(168, 168, 168, 0.65);
        
}

/*comienza la primera seccion*/

body{
    background-image: url("./images/hexagono.jpg");
    background-size: contain;
    
}
    .sc1{
        
        height: 450px;
        background-color: rgba(255, 215, 250, 0);
        border: none;
        text-align: center;
        margin-right: 100px;
    }

    .foto {
        background-image: url("./images/playa2.png");
        background-size: contain;
        background-repeat: no-repeat;
        float: right;
        width: 25%;  
        height: 400px;
        margin-top: 50px;
        
        
    }
    .pr {
        float: right ;
        margin-right: 100px;
        text-align: justify;
        width: 50%;
        color: white;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        }
    h1{
        padding-top: 120px;
        color:rgb(225, 222, 222);
        margin: 0;
    }
    

/*comienza la segunda seccion*/

    .titulo{
        list-style: none;
        font-size: 20px;
        color: rgb(238, 236, 236);
        background-color: rgb(29, 28, 29);
        border-radius: 5px;
        box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.2), 0.2em 0.2em 0.2em rgba(135, 35, 35, 0.65);
        width: fit-content;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 5px;
        margin-left:  300px;
        text-align: justify;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

    #contenedor {
        padding-top: 10px;
    text-align: left;
    width: 100%;
    margin: auto;
   }
   div{
       border-radius: 5px;
   }
  
   #lateral {
    
    height: 250px;
    width: 49.5%;  
    background-image: radial-gradient(white, #bc0694);
    box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.2), 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.65);
    float:right;
   }
  table{
      width: 70%;
       text-align: left;
       padding:20px;
      
   }
  
   #principal {

    height: 250px;
    width: 49.5%;
    float: left;
    background-image: radial-gradient(white,#fb17ca);
    box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.2), 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.65);
   }
   .clearfix:after {
     content: "";
     display: flex;
     clear: both;
   }


/*comienza la tercera seccion*/

.sc3{

    display: flex;
    margin-top: 20px;
    padding-left: 50px;
    text-align: justify;
    margin-bottom: 50px;
    background-image: radial-gradient(white, purple);
    box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.2), 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.65);
    height: 250px;
    border-radius: 5px;
    
}
span{
    margin: 20px 0px 0px 50px;
    width: 20%;
    text-align: justify;
    margin-bottom: 0px;
    list-style: square;
}

.tittle{
    list-style: none;
    font-size: 20px;
    color: rgb(238, 236, 236);
    background-color: rgb(29, 28, 29);
    border-radius: 5px;
    box-shadow: inset 0 1em 1em rgba(0, 0, 0, 0.2), 0.1em 0.1em 0.1em rgba(232, 138, 138, 0.774);
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: justify;
}

    /*comienza final*/
    
.volver{
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 100px;
    padding: 10px 15px;
    display:flex;
    text-decoration: none;
    color: white;
    background-color: rgb(247, 41, 209);
    border-radius: 5px;
    box-shadow: inset 0 -3em 3em rgba(220, 220, 220, 0.1),0.3em 0.3em 0.3em rgba(215, 215, 215, 0.384);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.volver:hover{
    color: black;
    width: max-content;
    border-radius: 5px;
    background-color: #f2d1c4c1;
    
}