@font-face {
    font-family: 'Gilroy-ExtraBold';
    src: url('/fonts/Gilroy-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root {
    --main-black: #121212;
    --alt-black: #1b1b1b;
    --green: #27ae60;
    --lightred: rgb(236 119 112);
    --darkred: #c0392b;
    --yellow: rgb(241, 196, 15);
    --white: #e8e8de;
}

.font {
    font-family: 'Gilroy-ExtraBold';
}

.button:hover {
    background-color: #4fd37d;
    outline: none;
    border-color: #55b76c;
    box-shadow: 0 0 5px #55b76c;
    color: var(--white);
}

.button:disabled {
    opacity: 0.5;
    cursor: default;
}

.input:focus {
    outline: none;
    border-color: #55b76c;
    box-shadow: 0 0 5px #55b76c;
}

@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}