.contentWrapper {
    justify-content: center !important;
}

.content {
    text-align: center;
    transition-duration: 0.2s;
}

.switch {
    padding: 3px;
    border-radius: 3px;
    border: 2px solid #000;
    box-shadow: 0 0 2px #fff; 
    width: fit-content;
    margin: 5px;
    cursor: pointer;
    transition-duration: 0.2s;
}

.switch.light {
    color: #000;
    background-color: rgb(255,200,255);
}

.switch.dark {
    color: #fff;
    background-color: rgb(50,0,50);
}

.switch.system {
    color: #797979;
    background-image: linear-gradient(to right, #ffc8ff 49.9%, #320032 50.1%);
    background-size: 101%;
}

.switch {
    background-color: #797979;
    color: #000;
}

input:checked + .switch.on {
    background-color: rgb(170,255,170);
}
input:checked + .switch.off {
    background-color: rgb(255,170,170);
}