#searchInput{
    background: rgba(84, 84, 84, 0.65);
    border-radius:2vw;
    padding:0.4vw 1vw 0.4vw 3.2vw;
    font-size: 1.5vw;
    background-image: url(../../img/magnifying-glass.png);
    background-size: 1.5vw;
    background-position: 1vw center;
    background-repeat: no-repeat;
    border: 0.2vw solid black;
    box-shadow: 0.4vw 0.8vw 0.4vw rgba(0, 0, 0, 0.82);
    font-family: 'Wellfleet', cursive;
}

#searchInput:focus{
    outline:none;
    background: rgba(84, 84, 84, 0.65);
    border-radius:2vw;
    padding:0.4vw 1vw 0.4vw 3.2vw;
    font-size: 1.5vw;
    border-color: white;
    background-image: url(../../img/magnifying-glass.png);
    background-size: 1.5vw;
    background-position: 1vw center;
    background-repeat: no-repeat;
    color:white
}

#searchInput::-webkit-search-cancel-button{
    display:none;
}

#searchBarBlock{
    display:flex;
    justify-content: center;
    position: relative;
    top : -2vw
}