/* ===============================
   TECHNOFY ANIMATIONS
================================*/

@keyframes float{

0%{transform:translateY(0);}
50%{transform:translateY(-20px);}
100%{transform:translateY(0);}

}

.glass-card{

animation:float 5s ease-in-out infinite;

}

@keyframes fadeUp{

0%{

opacity:0;
transform:translateY(60px);

}

100%{

opacity:1;
transform:translateY(0);

}

}

.hero,
.about-grid,
.services,
.stats,
.portfolio,
form{

animation:fadeUp 1.2s ease;

}

@keyframes glow{

0%{

box-shadow:0 0 10px rgba(0,119,255,.2);

}

50%{

box-shadow:0 0 35px rgba(0,119,255,.8);

}

100%{

box-shadow:0 0 10px rgba(0,119,255,.2);

}

}

.btn{

animation:glow 3s infinite;

}

.project{

transition:.4s;

}

.project:hover{

transform:translateY(-10px) scale(1.04);

}

.service{

transition:.4s;

}

.service:hover{

transform:translateY(-12px);

}