@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');

body {
    background-color: #FFFFFF;
    color: #000000;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
    text-align: center;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #000000;
        color: #FFFFFF;
    }

    a {
        color: #1E90FF;
    }

    a:visited {
        color: #9370DB;
    }

    a:hover {
        color: #63B3ED;
    }
}

h1 {
    font-weight: 800;
    font-size: 300%;
}

.subheading {
    font-weight: 600;
    font-size: 120%;
}

h2 {
    font-weight: 700;
    font-size: 200%;
}

h3 {
    font-weight: 600;
    font-size: 150%;
}

h4 {
    font-weight: 500;
    font-size: 100%;
}

p {
    font-weight: 400;
    font-size: 100%;
}