template.css

* {
    margin: 0;
    padding: 0;
    font-family: 'Courier New', Courier, monospace;
    color: #5fc75d;
}

body {
    background-color: #0f052d;
    justify-content: center;
    align-items: center;
}

/* ####################-NAVIGATION-#################### */
ul.nav_bar {
    margin: 0 1% 0 1%;
    /* border-style: ridge;
    border-width: 2px;
    border-color: orange; */
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    background-color: #203671;
}

li.nav_button {
    float: left;
    margin: 5px 0px 5px 0px;
    /* border-style: ridge;
    border-width: 2px;
    border-color: #203671; */
    padding: 5px;
}

li.nav_button a {
    display: inline;
    margin: 0;
    border-style: ridge;
    border-width: 2px;
    border-color: #203671;
    padding: 5px;
    text-decoration: none;
    background-color: #203671;
}

li.nav_button a:hover {
    display: inline;
    margin: 0;
    border-style: ridge;
    border-width: 2px;
    border-color: #5fc75d;
    padding: 5px;
    text-decoration: none;
    background-color: #0f052d;
}

/* ####################-CONTENT-#################### */

main {
    margin: 2% 2% 2% 2%;
    /* border-style: ridge;
    border-width: 2px;
    border-color: red; */
    padding: 0;
}

hr {
    margin: 5% 5% 0px 5%;
    border-color: #203671;
    padding: 0;
}

/* ####################-FOOTER-#################### */
ul.footer_bar {
    margin: 0 1% 0 1%;
    /* border-style: ridge;
    border-width: 2px;
    border-color: #203671; */
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    background-color: #203671;
}

li.footer_item {
    float: left;
    margin: 5px;
    /* border-style: ridge;
    border-width: 2px;
    border-color: #203671; */
    padding: 0px;
}