body {
    font-family: "Times New Roman", Times, serif;
}

hr {
    border: 1px solid black;
    border-top: none;
}

@media screen and (max-width: 768px) {
    nav {
        border-bottom: 1px solid black;
        padding-bottom: 15px;
    }

    nav a {
        display: inline;
        padding-right: 1rem;
    }

    nav footer {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    nav {
        width: 160px;
        height: 100%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        overflow-x: hidden;
        padding-top: 20px;
        border-right: 1px solid black;
    }

    nav a {
        display: block;
        padding-left: 15px;
        padding-bottom: 5px;
    }

    nav footer {
        display: block;
        padding-left: 15px;
        padding-bottom: 15px;
        position: fixed;
        bottom: 0;
    }

    main {
        margin-left: 160px;
        padding: 0px 10px;
    }
}