@tailwind base;
@tailwind components;
@tailwind utilities;

@import url(https://fonts.googleapis.com/css?family=Nunito);

.toggle-label {
    width: 1.5rem;
    height: .75rem;
}

.toggle-checkbox:checked {
    top: .18rem;
    left: .68rem;
    transition: all 0.15s ease-in 0s;
    background-color: #2563EB;
}

.toggle-checkbox:checked + .toggle-label {
    background-color: #A1A1AA;
}

.toggle-checkbox:focus-visible {
    border-color: #2563EB;
    outline: none;
    box-shadow: 0 0 0 2px rgba(37,99,235, 0.5);
}