gymrooster_php/html/css/index.scss

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: whitesmoke;
    nav {
        background-color: #1f1f1f;
        color: whitesmoke;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 2em;
        padding: 1em;
        img {
            height: 2em;
            filter: contrast(0) invert(100%) sepia(13%) saturate(49%) hue-rotate(200deg) brightness(180%) contrast(92%);
        }
        a:last-of-type {        
            position: fixed;
            right: 1em;
            font-size: 1.5em;
            color: whitesmoke!important;
            cursor: pointer;
        }
    }
    header {
        padding-bottom: 2em;
        h1 {
            margin-bottom: 0.25em;
            text-decoration: underline;
        }
        h3 {
            margin: 0;
            font-weight: lighter;
            &:nth-of-type(2) {
                margin-top: 1em;
            } 
        }
        a {
            text-decoration: none!important;
            position: absolute;
            padding: 5px;
            &:nth-of-type(1) {
                left: 0;
            }
            &:nth-of-type(2) {
                right: 0;
            }
        }
    }
    main {
        position: relative;
        top: 4em;
        max-width: 50%;
        min-width: 350px;
        left: 0;
        margin: 0 auto;
        text-align: center;
        div.loginContainer {
            position: relative;
            margin: 0 auto;
            text-align: center;
            input {
                width: 75%;
                max-width: 250px;
                padding: 0.5em;
            }
        }
        div {
            table {
                width: 100%;
                text-align: left;
                thead {
                    th {
                        text-decoration: underline;
                        padding: 5px;
                    }
                }
                tbody {
                    td {
                        vertical-align: top;
                        padding: 5px;
                    }
                }
            }
        }
    }

    a#help {
        position: fixed;
        bottom: 2em;
        margin: 1em;
    }

    form {
        textarea {
            width: 75%;
            height: 5em;
        }
        button, select {
            margin: 1em;
            height: 2.25em;
        }
    }

    footer {
        background-color: #1f1f1f;
        color: whitesmoke;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        height: 1em;
        padding: 0.5em;
        a {
            color: whitesmoke !important;
        }
    }
}