body {
    background: linear-gradient(to bottom, #ffb376, #f7d794);
}

.card {
    height: 100%;
    border: 2px solid #363636;
    border-radius: 1rem;
    box-shadow: 6px 6px 0 #363636;
    background-color: #fffef5;
    transition: transform 0.18s ease-out, box-shadow 0.18s ease-out, translate 0.18s ease-out;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 10px 10px 0 #363636;
}

.notification {
    border-radius: 0;
    font-weight: bold;
}

.fa-hand-pointer {
    color: #d76600;
}

.fa-book-open {
    color: #2868b1;
}

.fa-tasks, .fa-trophy, .fa-briefcase {
    color: #309215;
}

.fa-clock {
    color: #c0392b;
}

.fa-laptop {
    color: #2980b9;
}

.fa-list-alt {
    color: #f1c40f;
}

.fa-tools {
    color: #5f5f5f;
}

.fa-user-graduate {
    color: #d76600;
}

.fa-robot {
    color: #539ea5;
}

.section-animate {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.section-animate.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-in {
    animation: fadeIn 1s ease forwards;
}

.fade-in-up {
    animation: fadeInUp 1s ease forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}