body {
    background-color: rgb(233, 233, 233)!important;
}

#header {
    justify-content: left;
    display: flex;
    cursor: pointer;
    margin-top: 10px;
    width: auto;
    height: 80px;
    background-image: url(./resources/xAI-Logo-dark-2.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#flex-bar {
    font-family: "cooper hewitt", "arial";
    font-weight: 500;
    display: flex;
    justify-content: center;
}

#header-text {    
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 1.8em;
}

.spinner {
    border: 25px solid #f3f3f3;
    border-top: 25px solid#344A58;
    border-radius: 70%;
    position: fixed;
    top: 35%;
    left: 43%;
    width: 200px;
    height: 200px;
    animation: spin 2s linear infinite;
    z-index: 100;
}

#shutter {
    margin-left: -10px;
    width: 110%;
    position: absolute;
    background-color: black;
    opacity: 0.4;
    height: 100%;
    z-index: 50;
    margin-top: -10px;
}

hr {
    margin-top: 7rem!important;
    width: 98%;
    margin-left: 1%;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#links {
    margin-left: 90px;
    margin-top: 27px;
}