@font-face {
    font-family: 'Roboto', sans-serif;
    src: url('./fonts/Roboto-Regular.woff2') format('woff2'),
    url('./fonts/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Medium.woff2') format('woff2'),
    url('./fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
body {
    background: #f9f9f9;
}
header {
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}
footer {
    background: #ffffff;
    border-top: 1px solid #e5e5e5;
    padding: 1rem 0;
}
.content-wrapper {
    padding: 6rem 1rem;
}
h1 {
    font-weight: 600;
}

.nav-link {
    transition: color 0.2s ease, opacity 0.2s ease;
}
.nav-link:hover {
    background: #eee;
    opacity: 0.7;
}
.nav-link.disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}