:root {

            }

        html {
            font-size: 62.5%;
        }

        body {
            margin: 0;
            padding: 0;
            background-color: #f5f5f5;
            color: #2b2b2b;
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 3.2rem;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

        @media (prefers-color-scheme: no-preference) {
            .no-pref {
                display: block;
            }

            .dark-mode-on {
                display: none;
            }

            .dark-mode-off {
                display: none;
            }
        }

        @media (prefers-color-scheme: light) {

            mark {
                padding: 0.5rem;
                background-color: #25d3ff;
                color: #f5f5f5;
                text-shadow: -0.5px 0.5px 0 #2b2b2b, 0.5px 0.5px 0 #2b2b2b, 0.5px -0.5px 0 #2b2b2b, -0.5px -0.5px 0 #2b2b2b;
            }
            .dark-mode-off {
                display: block;
            }

            .dark-mode-on {
                display: none;
            }
            
            .no-pref {
                display: none;
            }
        }

        @media (prefers-color-scheme: dark) {
            body {
                background-color: #2b2b2b;
                /*background-image: linear-gradient(225deg, #545242 0%, #2b2b2b 35%, #2b2b2b 100%);*/
                color: #f5f5f5;
            }

            ::selection {
                background-color: #f5f5f5;
                color: #2b2b2b;
            }

            mark {
                padding: 0.5rem;
                text-shadow: -0.5px 0.5px 0 #2b2b2b, 0.5px 0.5px 0 #2b2b2b, 0.5px -0.5px 0 #2b2b2b, -0.5px -0.5px 0 #2b2b2b;
            }

            .dark-mode-on {
                display: block;
            }

            .dark-mode-off {
                display: none;
            }

            .no-pref {
                display: none;
            }
        }