.card{

    transition:.35s;

}

.card:hover{

    transform:translateY(-8px);

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

}

button{

    transition:.3s;

}

button:hover{

    transform:scale(1.05);

}

nav a{

    transition:.3s;

}

nav a:hover{

    transform:translateX(8px);

}

.stat-card{

    transition:.35s;

}

.stat-card:hover{

    transform:translateY(-6px);

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

}

@keyframes pulse{

0%{

transform:scale(1);

box-shadow:0 0 15px rgba(255,0,0,.3);

}

50%{

transform:scale(1.08);

box-shadow:0 0 40px rgba(255,0,0,.7);

}

100%{

transform:scale(1);

box-shadow:0 0 15px rgba(255,0,0,.3);

}

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(30px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

.card{

    animation:fadeUp .45s ease;

}

@keyframes spin{

0%{

transform:rotate(0deg);

}

100%{

transform:rotate(360deg);

}

}

button:active{

transform:scale(.96);

}