body {
margin:auto;
background-color:#FBF8FF;
}

.hero {
display: flex;
position: relative;
min-height: 30rem;
background: rgb(36, 5, 62);
border-bottom-right-radius: 15%;
border-bottom-left-radius: 15%;

    
}

.sub{
text-decoration: underline;
text-decoration-color: rgb(68, 250, 158);
}

.enunciat h3{
text-align: center;
padding-top: 2px; 
color:rgb(255, 255, 255);
position: absolute;
font-size: 20px;
top: 30%;
left: 50%; 
transform: translate(-50%, -50%);
margin-top: 5px;


}

.llista{
position: absolute;
font-size: medium;
top: 50%;
left: 49%; 
transform: translate(-50%, -50%);
margin-top: 5px;
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-style: normal;
color:#24053E;

}

.llsita ul{

list-style-type: none; 
display: inline; 

}
.llista li{
text-decoration: underline;
text-decoration-color: rgb(68, 250, 158);
text-decoration-thickness: 3px;


color:rgb(255, 255, 255);
display: inline-block;
margin-right: 13px; 

}

.hero1 {
display: block;
position: relative;
min-height: 20rem;
background: rgb(36, 5, 62);
border-bottom-right-radius: 15%;
border-bottom-left-radius: 15%;

}

.titul {
display: flex;
align-items: flex-start; 
color: rgb(255, 255, 255);
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-style: normal;
padding-left: 20px;

}



.titul img {
display: flex;
padding-left: 10px;
width: auto; 
height: 60px;
margin-right: 20px;
}

.titul2{
    display: flex;
    color:white;
    position: absolute;
    text-align: center;
    font-size: larger;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
  
}



.infos h3{
position: absolute;
top: 3%;
left: 90%;
margin-top: 5px;
padding: 2px 4px;
display: flex;
margin-left: auto;
margin-right: 0;
text-decoration: underline;
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-style: normal;
text-decoration-color: rgb(68, 250, 158);
}

.boto{
position: absolute;
font-size: medium;
top: 50%;
left: 50%;
transform: translate(-50%, -39%);
margin-top: 5px;
padding: 2px 40px;
border-radius: 3px;
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-style: normal;
background-color: #44FA9E;
color:#24053E;

}
.boto a{
text-decoration: none;

}


.enunciat h3{
  padding-top: 40px;
}

.portatil img{
margin-right: 20px; 
width: 300px;
position: absolute;
top: 80%;
left: 50%;
transform: translate(-50%, -30%);
margin-top: 10px;
padding: 4px 60px;

}


.exp{
color:black;
}


.next-section {
background-color: #FBF8FF;
display: flex;
margin-top: 250px;
color:#FBF8FF;
min-height: 30rem;
border-bottom-right-radius: 30%;
border-bottom-left-radius: 30%;
color:black;
  
}
.contenedor-hijo, .contenedor-hijo1 {
text-align: center;
flex: 1; 
border: 0px solid black; 
padding: 60px; 
}

.contenedor-hijo img{
width: 50px;
}

.contenedor-hijo1 img{
  width: 50px;
  }

.contenedor-hijo, .contenedor-hijo1 h4 {
color: #24053E;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.contenedor-hijo, .contenedor-hijo1 p{
font-family: Verdana, Geneva, Tahoma, sans-serif;
}



footer {
background-color:#24053E;
color: #ffffff;
text-align: center;
padding: 3px;
margin-bottom: 0;
margin-top: 0;
bottom: 0;
width: 100%;
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-style: normal;

}


.final{
display: flex;
position: relative;
min-height: 20rem;
background-color: #ffffff;

border-top-right-radius: 20%;
border-top-left-radius: 20%;

}

.logo img{
width: 200px;

position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -30%);

}


.ft {

background-color:#24053E;
color: #ffffff;
text-align: center;
padding: 2px;
margin-bottom: 0;
margin-top: 0;
bottom: 0;
width: 100%;


}

.btfinal {
text-decoration: none;
color: #ffffff;
}

.btfinal:hover {
color:#44FA9E;
cursor: pointer;
}



.rrss{
list-style-type: none;
display: flex;
list-style-type: none; 
padding: 0; 
text-align: center;
justify-content: center;
}
.cesta{
width: 20px; 
height: auto;
flex-direction: row-reverse;
justify-content: flex-end;
}

@keyframes caer-arriba {
100% {
  transform: translateY(0);
}
0% {
  transform: translateY(-100vh);
}
}

.wrapper {
animation: caer-arriba 2s ease-in-out forwards;
}






.todo { 
transform: translateY(0);
animation: subir-abajo 2s ease-in-out forwards;
}

@keyframes subir-abajo {
0% {
  transform: translateY(100vh);
}
100% {
  transform: translateY(0vh);
}
}

li {

text-decoration: none;
color: #ffffff;
}



.contenedor-hijo{
transition: transform 0.5s ease;
}

.contenedor-hijo:hover {
transform:scale(1.2);
}

.contenedor-hijo1{
  transition: transform 0.5s ease;
  }
  
  .contenedor-hijo1:hover {
  transform:scale(1.2);
  }


.rrss li{
transition: transform 0.5s ease;
}

.rrss li:hover {
transform:scale(1.2); 
}

.rrss li{
padding:3px;
}


@media (max-width: 768px) {
  .titul2,  .contenedor-hijo1,.infos, .llwista {
    display: none;
  }

  .hero{
    display: flex;
    position: relative;
    min-height: 15rem;
    background: rgb(36, 5, 62);
    border-bottom-right-radius: 15%;
    border-bottom-left-radius: 15%;
  }
  .next-section{
    margin-top: 350px;
  }

  .portatil img{
    width: 250px;
    position: absolute;
    top:140%;
  }
  .hero1{
    display: flex;
    position: relative;
    min-height: 20rem;
    background: rgb(36, 5, 62);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .llista{
    position: absolute;
    top: 80%;
    text-align: center;
    padding: 20px;
  }
 
  
}