html {
    scroll-behavior: smooth;
}

html,
body {
    background: #fbfbf8;
    color: #15201f;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    margin: 0;
}

body {
    min-width: 320px;
}

a {
    color: #1f5f55;
}

a:hover {
    color: #a6492d;
}

button,
input,
textarea,
select {
    font: inherit;
}

::selection {
    background: #f6c76f;
    color: #15201f;
}

h1,
h2,
h3,
p {
    overflow-wrap: anywhere;
}

.btn-primary {
    background-color: #1f5f55;
    border-color: #1f5f55;
}

.btn-primary:hover {
    background-color: #174b43;
    border-color: #174b43;
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem #fbfbf8, 0 0 0 0.25rem #f6c76f;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type="checkbox"]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: #b32121;
    color: #ffffff;
    padding: 1rem;
}

.blazor-error-boundary::after {
    content: "An error has occurred.";
}