body {
    background-color: black;
    width: 100vw;
    height: 100vh;
    margin: 0;
}

.container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 10fr 15fr 10fr;
    grid-template-rows: 100%;
}

#page {
    grid-column: 2;
    height: 100%;
    display: grid;
    grid-template-rows: 75px 25fr 50px;

    background-color: rgb(0, 0, 0);
    border-left: 2px solid;
    border-right: 2px solid;
    box-shadow: -50px 0px 100px rgb(65, 65, 65), 50px 0px 100px rgb(65, 65, 65);
}

#header {
    grid-row: 1;
    display: grid;
    grid-template-columns: 1;

    background-color: rgb(48, 48, 48);
}

#description {
    grid-column: 1;
    align-self: end;
    justify-self: start;
    padding-left: 20px;

    font-family: monospace;
    color: white;
    font-size: 18px;
}

#body {
    display: grid;
    grid-template-columns: 5fr 20fr 5fr;
    grid-template-rows: 5fr 20fr 2fr;

    width: 100%;
    height: 100%;
}

#panel {
    grid-column: 2;
    grid-row: 2;
    justify-self: center;
}

#credentials_label {
    font-family: monospace;
    color: white;
}

#login_button {
    border-radius: 0;
}

#footer {
    grid-row: 3;
    display: grid;
    grid-template-columns: 3fr 10fr 10fr;

    background-color: rgb(48, 48, 48);
}