* {
            margin: 0px;
            padding: 0px;
        }

        body {
            background-image: url(https://wallpapercave.com/wp/vueGjUL.jpg);
            height: 100vh;
            display: flex;
            flex-direction: column;
        }

        div.scroll {
            overflow-y: auto;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        div.navbar {
            font-family: Impact;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            color: white;
            text-align: center;
            font-weight: normal;
            letter-spacing: 0.2em;
        }

        li.button {
            display: inline-block;
            padding: 10px 25px;
            margin: 10px 15px;
            background-color: rgba(0, 0, 0, 0.4);
            border-radius: 30px;
        }

            li.button:hover {
                background-color: rgba(255, 255, 255, 0.4);
            }

        a, a:visited {
            color: white;
            text-decoration: none;
            position: relative;
            z-index: 1;
            padding: 2em;
            margin: -2em;
        }

        div.main {
        }

        div.container {
            display: flex;
            width: 70%;
            margin: 80px 15% 50px 15%;
            background-color: rgba(0, 0, 0, 0.5);
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px;
        }

        div.sidebar {
            flex-basis: 120px;
            flex-grow: 1;
            background-color: rgba(0, 0, 0, 0.8);
            background-image: linear-gradient(left );
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px;
            color: white;
        }

        div.article {
            margin: 10px 5% 10px 5%;
            color: white;
        }

        h2 {
            margin: 10px;
        }

        h4 {
            margin: 5px;
        }

        div.row {
            display: flex;
            width: 70%;
            margin: 0px 15%;
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 30px;
        }

        div.col {
            margin: 1%;
            flex-basis: 23%;
            background-color: rgba(0, 0, 0, 0.8);
            border-radius: 30px;
            display: inline-block;
            text-align: center;
        }

            div.col img {
                margin: 1.25%;
                height: 95%;
                width: 95%;
                object-fit: contain;
            }

            div.filler {
                flex-basis: 55px;
                flex-grow: 1;
                flex-shrink: 0;
            }
        div.footer {
            font-family: Arial, Helvetica, serif;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            font-weight: normal;
            position: relative;
        }

            div.footer p, h6 {
                text-align: right;
                margin: 40px 20px 0px 0px;
                color: rgba(255, 255, 255, 0.4);
            }