body{
    font-family:"poppins",sans-serif;
    background:#fff3f8;
    margin:0;
    padding:0;
    color: #444;
    overflow-x: hidden;
}
/*---------------------
FLOATING ICONS
-------------------------*/
.float.icon {
    position:fixed;
    font-size: 40px;
    opacity: 0.8;
    animation:float6sinifiniteease-in-out;
}

.icon1 {left:5%;top:15%;animation-delay:0s;}
.icon2{right:10%;top:40%;animation-delay:2s;}
.icon3{left:20%;bottom:10%;animation-delay:4s;}

@keyframes float{
0%{transfrom:translateY(0px);}
50%{transfrom:translateY(-25px);}
100%{transform:translateY(0px);}
}

/*----------------------
  HEADER
-------------------------*/
header{
background: #ff6dd9
padding 30px;
text-align :center;
color:white;
border-radius: 0 0 20px 20px;
opacity: 0;
animation:slideDown 1s forwards ease-out;
}   
  
@keyframes slideDown {
from{transfrom:translateY(-50px);opacity:0;}
to{transfrom:translateY(0);opacity:1;}
}

/*-----------------------
  NAV
--------------------------
nav{
  display:flex;
  justify-content: center; 
  background: #ffe3f1;
  padding 15px;
  gap:20px;
  opacity:0;
  animation;fadeIn 1.5s forward ease-out;
}


nav a:{
    text-decoration:none;
    color: #ff69b4;
    font-weight:bold;
    transition:transform 0.2s;
}

nav a hover{
transform:scale(1,15);
}

/*----------------------
  SECTIONS
-------------------------