/* Loosely based off of the Breeze theme from KDE Plasma 5/6. */

body {
    color: #000;
    background-color: #EFF0F1;
    margin: 20px;
    font-family: "Ubuntu", sans-serif;
    line-height: 1.5;
}

a {
    color: #212aa9;
}
a:hover,
a:active {
    text-decoration: none;
}

code {
    font-family: "Iosevka", "Ubuntu Mono", monospace;
    font-size: 16px; 
}

@media (prefers-color-scheme: dark) {
    body {
        color: #fff;
        background-color: #141618;
    }
    a {
        color: #4C58FA;
    }
}

#big {
    font-size: 125%;
}

.badge {
    /* so Chrome doesn't render the Web1-style buttons like crap */
    image-rendering: pixelated;
}

.about-me {
    border: 1px solid #535659;
    border-radius: 4px;
}

button {
    color: white;
    background-color: #292C30;
    border: 1px solid #535659;
    border-bottom-width: 2px;
    border-radius: 4px;
    padding: 8px 6px;
    margin: 8px 0;
    font-size: 15px;
}
button:hover {
    border-color: #4C58FA;
}
button:active {
    border-color: #4C58FA;
    background-color: #2e3159;
}

@media (prefers-color-scheme: light) {
    button {
        color: black;
        background-color: #FCFCFC;
        border: 1px solid #D1D1D2;
    }
    button:active {
        background-color: #D3D6FC;
    }
}