html {
    min-width: 320px;
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

button,
input,
select {
    font: inherit;
}

button:focus-visible,
input:focus-visible,
select:focus-visible {
    outline: 3px solid rgba(192, 57, 43, 0.34);
    outline-offset: 3px;
}

h1:focus {
    outline: none;
}

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

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

.validation-message {
    color: #a93226;
}

.blazor-error-boundary {
    background: #a93226;
    color: white;
    padding: 1rem;
}

.blazor-error-boundary::after {
    content: "Ocorreu um erro inesperado.";
}