html {
    scroll-behavior: smooth;
}

body,
button,
input,
select,
textarea {
    font-family: "Nunito", sans-serif;
}

textarea:focus,
input:focus {
    outline: none;
}

.conf-fill {
    transition: width 0.5s ease;
}

canvas {
    max-width: 100%;
}

::selection {
    background: rgba(37, 99, 235, 0.18);
    color: #1f2937;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .conf-fill {
        transition: none;
    }
}