<!-- Navigation Bar Colors/Settings -->
    Hover Colors (for whole nav bar, want perminently, do not use in final)
    .bg-custom:hover{
        color: #965fc1;
        background-color: white;
    }

    .bg-custom{
        background-color: #c2a3e4;
    }

    a.navbar-brand {
        color: black;
        padding: 8px 8px;
    }

    .navbar-brand:hover{
        background-color: #965fc1;
    }

    a.nav-link {
        color: black;
        padding: 8px 16px;
    }

    .nav-link:hover {
        background-color: #965fc1;
        padding: 8px 8px;
    }

<!-- Footer Layout -->
    .row:after {
        content: "";
        display: table;
        clear: both;
    }

<!-- Project Page Stuff -->
    <!-- Buttons -->
        .btn:hover {
            background-color: #965fc1;
        }

        .btn {
            color: black;
            background-color: #c2a3e4;
            padding: 8px 8px;
            cursor: pointer;
        }

        .btn.active {
            background-color: #965fc1;
            color: black;
        }
   
    <!-- Layout -->
        * {
            box-sizing: border-box;
        }

        body {
            background-color: #f1f1f1;
            padding: 20px;
            font-family: Arial;
        }

        /* Center website */
        .main {
            max-width: 1000px;
            margin: auto;
        }

        h1 {
            font-size: 50px;
            word-break: break-all;
        }

        .row {
            margin: 10px -16px;
        }

        /* Add padding BETWEEN each column */
        .row,
        .row > .column {
            padding: 8px;
        }

        /* Create three equal columns that floats next to each other */
        .column {
            float: left;
            width: 33.33%;
            display: none; /* Hide all elements by default */
        }

        /* Clear floats after rows */ 
        .row:after {
            content: "";
            display: table;
            clear: both;
        }

        /* Content */
        .content {
            background-color: white;
            padding: 10px;
        }

        /* The "show" class is added to the filtered elements */
        .show {
          display: block;
        }