header{
        border-bottom:1.5px solid whitesmoke;
        background-color:black;
        font-family:serif;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:85px;
        z-index:999;
        display:flex;
        align-items:center;
        padding:10px 40px;
        color:white;
        overflow-x:auto;
        white-space:nowrap;
    }
    .home img{
        width:8vh;
        height:auto;
        padding:1px;
        flex-shrink:0;
        margin-right:40px;
        min-width:45px;
    }
    header ul{
        list-style:none;
        display:flex;
        gap:20px;
        margin:0;
        padding:0;
        margin-right:40px;
    }
    .header-btn{
        background-color:black;
        border:1.5px solid white;
        border-radius:8px;
        padding:8px 15px;
        cursor:pointer;
        color:white;
        text-decoration:none;
        font-weight:bold;
        font-family:sans-serif;
        display:inline-block;
        flex:0 0 auto;
        transition:background-color 0.3s,color 0.3s;
    }
    .header-btn:hover{
        background-color:white;
        color:black;
    }
    @media(max-width:705px){
        header{
            flex-direction:row;
            padding:5px 10px;
            height:70px;
        }
        .home img{
            margin-right:10px;
        }
        header ul{
            gap:10px;
        }
    }