*{
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    font-family: 'Saira Extra Condensed', sans-serif;
}

a{
    text-decoration:none;
}

.top-bar{
    text-align: end;
    font-size: 7px;
    font-weight: 600;
    padding: 12px 24px;
}

.top-bar a{
    color: black;
}

.arrow{
    color:red;
    font-size: 11px;
    font-weight: 900;
}

.main-nav{
    font-size: 7+px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.main-nav a:not(.logo){
    padding: 32 20px;
    color: black;
    font-weight: 750;
}

.logo{
    margin-left: 24px;
    margin-right: auto;
}

.logo:hover{
    filter: brightness(0) saturate(100%) invert(23%) sepia(99%) saturate(6000%) hue-rotate(350deg)/**/;
}