@font-face {
    font-family: 'Gotham';
    src: url(gothambook.otf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Gotham' !important;
    background-color: #8FBF90 !important;
}

.submitted-response-text {
    color: #011f1f !important;
}

.gr-logo {
    width: 100%;
}

.max-width {
    width: min(700px, calc(100% - 1rem));
}

.submit-button {
    background-color: #024342 !important;
}

.submit-button:hover {
    background-color: #011f1f !important;
}

.bi-check-circle {
    color: #011f1f !important;
    scale: 1.5;
}

.fade-out {
    animation: fadeOut 2.5s ease-in-out;
}

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

.retryText {
    font-size: 0.7rem;
}

.offline-queue-hidden {
    display: none;
}

.offline-queue-visible {
    display: block;
}