@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    font-family: 'Outfit', sans-serif;
}

.botao {
    width: 70px;
    height: 35px;
    background-color: #4d4d4d;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
}

.botao .indicador {
    width: 35px;
    height: 35px;
    background-color: black;
    border-radius: 50%;
    transform: scale(.9);
    position: absolute;
    left: 0;
    transition: .5s;
}

.botao.dark{ 
    background-color: #c3c3c3;
}

.botao.dark .indicador {
    left: 35px;
    background-color: #ffffff;
}

body.dark {
    background-color: #bcbaba;
}

header.dark {
    background-color: #949494;
}

body.dark footer {
    background-color: #949494;
}