.box-outer {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1rem;
    column-gap: 1rem;
}
.box-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 10px;
}
.header {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    justify-content: space-between;
}
.header a {
    text-decoration: none;
}
.header h2 {
    font-size: x-large;
}
.half-width {
    width: 50%;
}
.upload-loader {
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid var(--tentris-light-blue);
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#yasgui {
    font-family: Arial, sans-serif;
}
#logo-div {
    flex-grow: 7;
}
#upload-div {
    flex-grow: 1;
    width: 30rem;
}
#upload-div form {
    flex-grow: 1;
}
#upload-button-div {
    gap: 1rem;
}
#upload-button-div button {
    width: 20%;
}
#gsp-file-select-button {
    text-align: center;
}