* {
    font-family: 'JetBrainsMono Nerd Font';
    font-size: 14px;
}

window {
    background: transparent;
    /*background-image: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.5) 90%);*/
    color: white;
}

#workspaces button {
    padding: 0 10px;
    color: white;
    background: none;
    border: none;
    /*border-top: 3px solid transparent;*/
    box-shadow: none;
    border-radius: 5px 10px 10px 5px;
    text-shadow: none;
}

#workspaces button:hover {
    /*border-top: 3px solid gray;*/
    background: white;
    color: rgba(41, 46, 62, 0.8);
    text-shadow: none;
}

#workspaces button.active > span {
    color: rgba(41, 46, 62, 0.8);
}

#workspaces button.active {
    /*border-top: 3px solid white;*/
    background: white;
    color: rgba(41, 46, 62, 0.8);
    text-shadow: none;
}

#battery.warning {
    color: #b58310;
}

#battery.critical {
    color: #db330d;
}

#window {
    background: white;
    text-shadow: none;
    color: rgba(41, 46, 62, 0.8);
    margin-top: 10px;
    margin-left: 10px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 5px 10px 10px 5px;
}

#battery {
    background: white;
    color: rgba(41, 46, 62, 0.8);
    margin-top: 10px;
    padding-right: 12px;
    padding-left: 10px;
    border-radius: 5px 10px 10px 5px;
}

#temperature, #memory, #cpu, #network, #backlight {
    background: rgba(41, 46, 62, 0.8);
    margin-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 10px;
    border-radius: 5px;
}

#pulseaudio {
    color: white;
    background: rgba(41, 46, 62, 0.8);
    margin-top: 10px;
    margin-right: 10px;
    padding-right: 10px;
    padding-left: 12px;
    border-radius: 10px 5px 5px 10px;
}

#custom-arch {
    background: #3692D7;
    color: white;
    font-size: 1.1rem;
    text-shadow: none;
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px 5px 5px 10px;
}

#custom-arch.hover {
    background: white;
    color: #4299e5;
}

#workspaces {
    background: rgba(41, 46, 62, 0.8);
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 5px 10px 10px 5px;
}

#clock {
    background: rgba(41, 46, 62, 0.8);
    color: white;
    text-shadow: none;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 10px 5px 5px 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#clock.date {
    border-radius: 5px 10px 10px 5px;
    color: rgba(41, 46, 62, 0.8);
    background: white;
}


#tray {
    background: rgba(41, 46, 62, 0.8);
    text-shadow: none;
    color: white;
    margin-top: 10px;
    margin-left: 10px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 5px;
}