body, html {
            background-color: white;
        }
        .smallerbg {
            height: 40%;
            width: 100%;
            background: url('../images/bgcomponents/Moon.png') 120% 120% no-repeat, url('../images/bgcomponents/stars.png') center top no-repeat;
            background-size: 300px, cover;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .smallerbg a {
            font-size: 40px;
            color: white;
            font-weight: bold;
        }
        .nav-buttons-group {
            width: 70%;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            margin-top: 5%;
            margin-left: 15%;
        }
        .nav-buttons-group button {
            height: 50px;
            color: #0a0b16ad;
            font-size: 16px;
            padding-left: 30px;
            padding-right: 30px;
            font-weight: bold;
            border-radius: 5px;
            border: 2.5px solid #0a0b16ad;
            text-transform: uppercase;
            background: transparent;
            outline: none;
            cursor: pointer;
            transition: 0.25s ease-in;
        }
        .nav-buttons-group button:hover {
            border-top: 7.5px solid #0a0b16ad;
            border-bottom: 7.5px solid #0a0b16ad;
        }
        .table-section {
            width: 70%;
            margin-left: 15%;
            height: auto;
            display: flex;
            align-items: flex-start;
            margin-top: 5%;
            margin-bottom: 5%;
            flex-direction: column;
        }
        .table-section a {
            font-size: 30px;
            color: #212529;
            font-weight: bold;
        }
        table {
            border-collapse: separate;
            width: 100%;
            border-spacing: 0;
            border-radius: 12px;
            border: 1px solid #ebebeb;
            margin-bottom: 1rem;
            color: #212529;
            font-size: 15px;
            margin-top: 5%;
        }
        thead tr {
            /*border-bottom: .25rem solid #dee2e6;
            border-top: .125rem solid #dee2e6;*/
            height: 50px;
        }
        thead th {
            text-align: left;
            padding: 10px;
        }
        tbody tr {
            /*border-top: .125rem solid #dee2e6;*/
            height: 50px;
            text-align: left;
            cursor: pointer;
        }
        tbody td {
            text-align: left;
            padding: 10px;
            font-size: 13px;
        }
        tbody tr:nth-child(odd) {
            background-color: rgb(239 249 249);
        }
        tbody tr:hover {
            background-color: rgb(247 249 249);
        }
        .buy-units {
            margin-top: 20px;
            height: 50px;
            padding: 0 30px;
            border-radius: 5px;
            font-size: 16px;
            text-transform: uppercase;
            border: 2.5px solid #0e151d;
            outline: none;
            cursor: pointer;
            background: transparent;
            color: #0e151d;
            font-weight: bold;
            transition: 0.25s ease-in;
        }
        .buy-units:hover {
            background: #0e151d;
            color: white;
        }
        .notice {
            background-color: #fff3cd;
            color: #856404;
            font-size: 14px;
            width: 68%;
            padding: 1% 20px;
            display: flex;
            height: 50px;
            margin-top: 5%;
            justify-content: center;
            border-radius: 10px;
            align-items: center;
            border: 3px solid #ffeeba;
        }
        .notice strong {
            color: #856404;
        }
        
        @media only screen and (max-width: 600px) {
            .smallerbg {
                height: 30%;
                width: 100%;
                background: url('../images/bgcomponents/Moon.png') 120% 120% no-repeat, url('../images/bgcomponents/stars.png') center top no-repeat;
                background-size: 150px, cover;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .smallerbg a {
                font-size: 25px;
                color: white;
                font-weight: bold;
            }    
            .intro {
                height: auto;
                width: 80%;
                padding: 10%;
                padding-top: 5%;
                padding-bottom: 5%;
                color: #2c3e50;
                font-size: 13px;
                display: flex;
                align-items: center;
            }
            .nav-buttons-group {
                width: 90%;
                display: flex;
                justify-content: space-evenly;
                align-items: center;
                margin-top: 5%;
                margin-left: 5%;
            }
            .nav-buttons-group button {
                height: 40px;
                color: #0a0b16ad;
                font-size: 13px;
                width: 100px;
                padding-left: 15px;
                padding-right: 15px;
                font-weight: bold;
                border-radius: 5px;
                border: 2.5px solid #0a0b16ad;
                text-transform: uppercase;
                background: transparent;
                outline: none;
                cursor: pointer;
                transition: 0.25s ease-in;
            }
            .table-section {
                width: 90%;
                margin-left: 5%;
                height: auto;
                display: flex;
                align-items: flex-start;
                overflow-x: scroll;
                margin-top: 5%;
                margin-bottom: 5%;
                flex-direction: column;
            }
            .table-section::-webkit-scrollbar {
                display: none;
            }
            .footer-container a {
                font-size: 13px;
                color: #b5bec7;
            }
            .copyright {
                height: 50px;
                width: 100%;
                font-size: 13px;
                background-color: #0e151d;
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                font-weight: bold;
            }
            .table-section a {
                font-size: 25px;
                color: #212529;
                font-weight: bold;
            }
            .buy-units {
                margin-top: 20px;
                height: 40px;
                padding: 0 25px;
                border-radius: 5px;
                font-size: 13px;
                text-transform: uppercase;
                border: 2.5px solid #0e151d;
                outline: none;
                cursor: pointer;
                background: transparent;
                color: #0e151d;
                font-weight: bold;
            }
            .notice {
                background-color: #fff3cd;
                padding: 30px 10px;
                width: 90%;
                text-align: center;
                color: #856404;
                font-size: 13px;
                justify-content: center;
                border: 2px solid #ffeeba;
            }
            .notice strong {
                font-weight: normal;
            }
            table {
                font-size: 13px;
            }
            tbody td {
                font-size: 12px;
            }
        }