.top_container {
    display: grid;
    grid-template: 'top_logo top_banner';
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 100px;
    background-color: #ffffff;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 0px;
    padding-left: 0px;
    text-indent: 0px;
    align-items: center;
}

.main_container {
    display: grid;
    grid-template: 'main_form';
    grid-template-columns: 5fr;
    grid-template-rows: 5fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 0px;
    padding-left: 0px;
    text-indent: 0px;
    position: relative;
    min-height: 87vh;
}

.main_form {
    margin-top: 100px;
    align-content: center;
    justify-self: center;
    color: #747678;
    width: 300px;
}

input {
    border-radius: 4px;
    border: 1px solid #c2c2c2;
    box-sizing: border-box;
    height: 30px;
    width: 100px;
    font-size: 0.9em;
    text-indent: 5px;
}

div.form_username {
    margin-top: 20px;
}

div.form_username input {
    width: 250px;
}

div.form_password {
    margin-top: 10px;
}

div.form_password input {
    width: 250px;
}

div.form_btn_submit {
    margin-top: 20px;
}

div.form_btn_submit button {
    width: 125px;
    height: 30px;
    background-color: #3399CC;
    color: #ffffff;
    border: none;
    font-size: 0.9em;
    border-radius: 4px;
}

h2 {
    font-size: 1.7em;
}

h4 {
    font-size: 1em;
    margin-top: 3px;
}

.footer {
    display: grid;
    grid-template: 'about';
    grid-template-rows: 35px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 0px;
    padding-left: 0px;
    text-indent: 0px;
    background-color: #48463e;
    align-items: center;
    justify-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

input:focus {outline:0;}
button:focus {outline:0;}