.rubik-dirt-regular {
            font-family: "Rubik Dirt", system-ui;
            font-weight: 400;
            font-style: normal;
            }
            
            .pirata-one-regular {
            font-family: "Pirata One", system-ui;
            font-weight: 400;
            font-style: normal;
            }

            .rubik-thingy {
            font-family: "Rubik", sans-serif;
            font-optical-sizing: auto;
            font-weight: 300;
            font-style: normal;
            }

            body {
                font-family:rubik;
                background-color:#1a1a1a;
                color:lime;
                background-image:url("images/cyber\ background.jpg");
                background-repeat:no-repeat;
                background-position: top center;
                user-select:none;
                -webkit-user-drag:none;
            }

            .header-box {
                display:flex;
                width:100%;
                background: rgba(255, 255, 255, 0.5);
                box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
                backdrop-filter: blur(2px);
                -webkit-backdrop-filter: blur(2px);
                box-sizing:border-box;
            }
            .monnerlogo {
                max-width: 40px;
                margin:10px;
            }
            .divider-line {
                margin-top:12px;
                height:50px;
                background-color:lime;
                border:solid;
                border-radius:10px;
                border-color:lime;
            }
            
            .about-button {
                font-size:36px;
                margin-top:20px;
                margin-left:10px;
                pointer-events:auto;
                text-decoration:none;
                color:lime;
                font-weight:900;
                transition:0.3s;
            }
            .about-button:hover
            {
                color:turquoise;
                font-family:rubik dirt;
                transition:0.3s;
            }
            .dropdown {
                display:inline-block;
                position: relative;
            }
            #dropdown-toggle {
                display:none;
            }
            .dropdown-button {
                background:lime;
                color:black;
                border:solid;
                cursor:pointer;
                font-size:1rem;
                transition:0.2s;
                font-size:32px;
                margin-left:27px;
            }
            .dropdown-button:hover {
                background:turquoise;
            }
            .dropdown-menu {
                display:none;
                position:absolute;
                top:100%;
                left:0%;
                width:150px;
                transition:0.2s;
                z-index: 10;
            }
            #dropdown-toggle:checked ~ .dropdown-menu {
                display:block;
                animation: fadein 0.2s ease-out;
            }
            @keyframes fadein {
                from { opacity: 0; transform:translateY(-5px);}
                to { opacity: 1; transform:translateY(0);}
            }
            .dropdown-item {
                display:block;
                width:100%;
                color:black;
                background-color:lime;
                border:solid;
                text-decoration: none;
                transition:0.2s;
                font-size:26px;
                text-align:center;
                padding-top:4px;
                padding-bottom:4px;
                margin-top:3px;
            }
            .dropdown-item:hover {
                background:turquoise;
                cursor:pointer;
            }
            .close-area {
                position: fixed;
                top:0;
                left:0;
                width:100%;
                height:100%;
                z-index:5;
                display:none;
            }
            #dropdown-toggle:checked ~ .close-area {
                display:block;
            }
            .content {
                padding-left: min(8em, 8%);
                padding-right: min(8em, 8%);
                transition:1s;
                font-size:24px;
                margin-top:20px;
            }
            p {
                padding:0px;
                margin:0px;
            }
            @media (max-width: 520px) {
                .header-box {
                    justify-content: flex-start;
                }
            }