.main-section {
    background-color: #8affa9;
    min-height: 100vh;
}

.dog {
    width: 40vw;
}

.logo {
    width: 96vw;
    margin-top: -140px;
}

.listen-toggle-wrap {
    background-color: #c7ffc7;
}

.listen-toggle {
    height: 40px;
    width: 70px !important;
}

.form-switch .form-check-input {
    background-color: rgb(68, 206, 68);
}

.form-check-input:focus {
    border-color: unset;
    box-shadow: unset;
    border: unset;
}

.form-switch .form-check-input:focus {
    border-color: unset;
    box-shadow: unset;
    border: unset;
    --bs-form-switch-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle );
}

.dog_bark_icon {
    width: 50px;
}

.listen_score {
    font-size: 40px;
}

.bark-record-btn {
    font-size: 12px;
}