*, *:before, *:after {
    margin: 0;
    padding: 0;
}

html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
}

body {
    font-family: Aptos, Geneva, Tahoma, sans-serif;
    background: #ffffff;
    color: #0C2D48;
}

.navbar{
    display: flex;
    justify-content: center;
    padding: 25px;
    gap: 10px;
    border-bottom: 1px solid rgba(12,45,72,0.1);
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li {
    display: inline-block;
}

li a {
    text-decoration: none;
    color: #0C2D48;
    padding: 10px;
    font-size: 24px;
    border: 1px solid #ffffff;
    border-radius: 5px;
}

.active {
    background: #F7F5F2;
    color: #0C2D48;
    border-radius: 5px;
    border: 1px solid #e6eaec;
}

/* footer */
.site-footer { border-top: 1px solid #e5e7eb; padding: 18px; text-align: center; color: #64748b; }