html {
    font-family: "Onest", system-ui, sans-serif;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

nav.scrolled {
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}

.bg-python {
    background-color: #2A486A;
}

.bg-flutter {
    background-color: #3d719b;
}

.bg-p5 {
    background-color: #4a0055;
}

.bg-tailwind {
    background-color: rgb(0, 49, 89);
}

.bg-tiled {
    background-color: #280055;
}

.bg-libgdx {
    background-color: #5b5858;
}

.bg-pygame {
    background-color: rgb(92, 212, 59);
}

.bg-pygbag {
    background-color: #002d01;
}

.bg-unity {
    background-color: #000000;
}

.bg-junit {
    background-color: #87928d;
}

.bg-firebase {
    background-color: #303030;
}

.bg-tensorflow {
    background-color: #d45d02;
}

.bg-yolo11 {
    background-color: rgb(145, 45, 186);
}

.bg-openai {
    background-color: #cccccc;
}

.bg-podman {
    background-color: rgb(71, 150, 240)
}