.hidden{

opacity:0;
transform:translateY(80px);
transition:1s;

}

.show{

opacity:1;
transform:translateY(0);

}

@keyframes float{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-15px);

}

100%{

transform:translateY(0px);

}

}

@keyframes glow{

0%{

box-shadow:0 0 15px cyan;

}

50%{

box-shadow:0 0 40px cyan;

}

100%{

box-shadow:0 0 15px cyan;

}

}

.profile-image{

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

}

.project-card{

transition:.4s;

}

.project-card:hover{

transform:translateY(-12px) scale(1.03);

box-shadow:0 20px 50px rgba(0,255,255,.25);

}

.skill-card{

transition:.3s;

}

.skill-card:hover{

transform:translateY(-10px);

animation:glow 2s infinite;

}

html{

scroll-behavior:smooth;

}