:root {
    --dark-blue: #004697;
    --light-blue: #B9DFFF;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;   
}

.main-header {
    background: #fcfcfc;
    font-family: 'Inter', sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 5px 80px;
    width: 100%;
}

.main-header > a {
    display: flex;
    align-items: center;
}

.logo {
    width: 227px;
    height: auto;
    display: block;
}

.nav-header {
    display: flex;
    align-items: center;
}

.nav-header ul {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 48px;
}

.nav-header a {
    text-decoration: none;
    color: black;
    font-size: 1.05rem;
    font-weight: 400;
    transition: color 0.2s ease;
}

.nav-header a:hover {
    color: var(--dark-blue);
}