:root {
    --text-color: #333;
    --primary-text-color: rgb(3, 169, 3);
    --background-color: rgb(241, 240, 240);
    --primary-background-color: rgb(223, 223, 223);
    --form-background-color: rgb(241, 240, 240);
}

* {
    margin: 0px;
    color: var(--text-color);
}

html {
    height: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
}

h2, .h2 {
    font-weight: 525;
    font-size: 30px;
}

h3, .h3 {
    font-size: 23px;
    font-weight: 520;
}

h4, .h4 {
    font-size: 18px;
    font-weight: 550;
}

h5, .h5 {
    font-size: 18px;
}

p {
    font-size: 17px;
}

::-moz-selection { 
    background: var(--primary-text-color); 
    color: white; 
}

::selection { 
    background: var(--primary-text-color); 
    color: white; 
}

@media (prefers-color-scheme: dark) {
    :root {
        --text-color: rgba(255, 255, 255);
        --background-color: rgb(74, 74, 74);
        --primary-background-color: rgb(48, 48, 48);
        --form-background-color: rgb(75, 75, 75);
    }
    body {
        background-color: rgb(161, 159, 159);
    }
    .whitemode {
        display: none;
    }
}