header {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 10;
     padding: 30px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 18px;
     transition: 200ms;
     color: black;
}

 .logo svg {
     width: 90px;
     margin-right: 20px;
/*      filter: invert(100%); */
}
 nav a {
     margin: 0 10px;
}

 @media (max-width: 700px) {
     header {
         align-items: unset;
         flex-direction: column;
    }
     header .logo {
         margin-bottom: 10px;
    }
     nav.mobile {
         position: -webkit-sticky;
        /* Safari */
         position: sticky;
         top: 0;
         background: black;
         display: flex!important;
         padding: 10px 0px;
         z-index: 9;
         justify-content: space-around 
    }
     nav {
         padding-top: 20px;
    }
     nav a {
         margin: 0;
         margin-right: 10px;
    }
}