body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
}

.accent {
    color: #f58c2d;
}

.bg-accent {
    background-color: #f58c2d;
}

body.debug-on>header {
    border-bottom-width: 5px !important;
    border-bottom-style: dashed !important;
}

.upper {
    text-transform: uppercase;
}

.bold {
    font-weight: 500;
}

.intro {
    margin-top: 2rem !important;
    font-weight: 500;
}

input:user-invalid,
textarea:user-invalid {
    border-color: #f44336 !important;
    background-color: #fbf8f8 !important;
}

input:valid,
textarea:valid {
    border-color: #3da7ca !important;
    background-color: #f7fafb !important;
}