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: white;
    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;

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

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

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

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

    width: 100%;
    height: 100%;
}

#blog-label {
    grid-column: 2;
    grid-row: 1;

    align-self: flex-end;

    font-family: monospace;
    font-size: larger;
}

#blog-content {
    grid-column: 2;
    grid-row: 2;
    
    resize: none;
}

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

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

#admin {
    align-self: center;
    justify-self: center;
    grid-column: 1;

    font-family: monospace;
    text-decoration: none;
    color: white;
    font-size: 16px;
    margin: 0;
}