.figura1{
    top: 70px; 
}
.figura2{
    top: -500px; 
}


.figura-T1{
    width: 70%;
    
}

.fig-triangulo {
    width: 8%;
    top: calc(170%);
}

.fig-corazon {
    width: 8%;
    margin-right: 15px;
}

.st0-figura1{fill:#94BD3A;}

.fig-triangulo-azul {
    width: 8%;
    top: calc(150%);
}

.st0-fig-triangulo-azul {
    fill: #149cd2;
}

.st0-corazon {
    fill: #DD3479;
}


.fig-luna-home {
    width: 8%;
    top: calc(210%);
    margin-right: 55px;
}
.st0-fig-luna-home {
    fill: #EBA315;
}

.floating {
    animation-name: float;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;}

    @keyframes float {
    0% {
        
        transform: translatey(0px);
    }
    50% {
      
        transform: translatey(-20px);
    }
    100% {
        
        transform: translatey(0px);
    }
}

.rotar {

  animation: rotate 5s ease-in-out infinite;
  transform: rotate(-200deg)
}
@keyframes rotate {
  0% { border-width: 10px; }
  25% { border-width: 3px; }
  50% { 
    transform: rotate(115deg); 
    border-width: 10px;
  }
  75% { border-width: 3px;}
  100% { border-width: 10px;}
}



@media only screen and (max-width: 1024px) {

.figura1{
    top: 20px; 
}

.figura-T1{
    width: 30%;
}

}

@media only screen and (min-width: 1200px) and (max-width: 1391px){

.fig-corazon {
    width: 10%;
    margin-right: 15px;
    margin-top: -60px;
}

}


/* MÓVIL */
@media (max-width: 765px){

.figura1{
    top: 20px; 
}

.figura2{
    top: -400px; 
}



.figura-T1{
    width: 30%;
    
}
	}