* {
    overscroll-behavior: none;
    margin: 0;
    padding: 0;
}

:root {
    --text-color: #000;
    --text-inverted: #fff;
    --text-hover: #444;
    --box-color: #e8e8e8;
    --input-color: #f2f2f2;
    --overlay-bg: rgba(0, 0, 0, 0.7);
    --bg-color: #f8f8f8;
    --shade-1: #d8d8d8;
    --shade-2: #c8c8c8;
    --shade-3: #b8b8b8;
    --savessh-blue: #339bda;
}

@media (prefers-color-scheme: dark) {
    :root {
        --text-color: #fff;
        --text-inverted: #000;
        --text-hover: #bbb;
        --box-color: #282828;
        --input-color: #121212;
        --overlay-bg: rgba(0, 0, 0, 0.7);
        --bg-color: #181818;
        --shade-1: #383838;
        --shade-2: #484848;
        --shade-3: #585858;
        --savessh-blue: #339bda;
    }
}

.loadingAnimation {
    border: 16px solid #9b9b9b;
    border-top: 16px solid #45fd5d;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
  
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}