/*
* Kopenta Website Animations
*/

.reveal-element {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.reveal-element.active {
    opacity: 1;
    transform: translateY(0);
}

.success-message {
    text-align: center;
    padding: 34px 24px;
}

.success-message i {
    color: var(--green);
    font-size: 2.4rem;
    margin-bottom: 14px;
}

.success-message h3 {
    margin-bottom: 8px;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: 2px solid var(--teal);
    outline-offset: 3px;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--soft);
}

::-webkit-scrollbar-thumb {
    background: var(--blue);
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--teal);
}