@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Work+Sans:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

body {
    background-color: #0c0e14;
    color: #e2e2eb;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, .font-headline {
    font-family: 'Newsreader', serif;
}
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}
.authority-border {
    border-left: 4px solid #c8860a;
}
.authority-underline {
    position: relative;
}
.authority-underline::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #c8860a;
}
.hero-gradient {
    background: linear-gradient(135deg, #c8860a 0%, #ffb950 100%);
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
    -webkit-text-fill-color: #e2e2eb;
    -webkit-box-shadow: 0 0 0px 1000px #191b22 inset;
    transition: background-color 5000s ease-in-out 0s;
}