/* HERO MUNCUL */

.hero{

animation:

fadeUp

0.8s ease;

}

/* CARD STATISTIK */

.box{

animation:

scaleUp

0.8s ease;

}

/* CARD PELAMAR */

.card-pelamar,
.card{

animation:

slideCard

0.7s ease;

}

/* NAVBAR */

header{

animation:

slideDown

0.7s ease;

}

/* HOVER CARD */

.card:hover,
.card-pelamar:hover,
.box:hover{

transform:

translateY(-8px)

scale(1.02);

transition:.3s;

}

/* BUTTON */

button{

transition:.3s;

}

button:hover{

transform:

scale(1.05);

box-shadow:

0 0 20px

rgba(
59,
130,
246,
0.5
);

}

/* KEYFRAME */

@keyframes fadeUp{

from{

opacity:0;

transform:

translateY(50px);

}

to{

opacity:1;

transform:

translateY(0);

}

}

@keyframes scaleUp{

from{

opacity:0;

transform:

scale(0.8);

}

to{

opacity:1;

transform:

scale(1);

}

}

@keyframes slideCard{

from{

opacity:0;

transform:

translateY(40px);

}

to{

opacity:1;

transform:

translateY(0);

}

}

@keyframes slideDown{

from{

opacity:0;

transform:

translateY(-40px);

}

to{

opacity:1;

transform:

translateY(0);

}

}

/* SCROLL HALUS */

html{

scroll-behavior:smooth;

}