html {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

:root {
    --dark-green: #202d20;
    --light-green: #2f3d2d;
    --blue: #2660ac;
    --orange: #ed9450;
}

.mud-dialog-title {
    color: white;
    background-color: var(--dark-green);
}

.mud-button-close {
    color: white !important;
}

.ComicNeue {
    font-family: 'Comic Neue', cursive;
}

.Kanit {
    font-family: 'Kanit', sans-serif;
}

.LongCang {
    font-family: 'Long Cang', cursive;
}

.RubikDoodleShadow {
    font-family: 'Rubik Doodle Shadow', system-ui;
}

.RubikMaps {
    font-family: 'Rubik Maps', system-ui;
}

.Sevillana {
    font-family: 'Sevillana', cursive;
}

@keyframes cw-rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

@keyframes ccw-rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-359deg);
    }
}