#searchBox {
  
   z-index: 20;
    text-align: left;
}


.centerSearch
{
    transition: all 0.2s linear;
    transform : translate(-50%, -50%);

     left: 50%;
    top: 50%;
}

.topSearch
{
    transition: all 0.2s linear;
    top: 0px;
    left: 0px;
    width: 100%;

}



#search {

margin-top: 20px;
    border: 1px solid lightgray;
    font-size: 22px;
    font-weight: bold;
    color: gray;
    position: relative;
    top: 0px;
    left: 0px;
    
    padding: 4px;
    
    height: 40px;
 box-shadow: 2px 2px 5px #DDDDDD;
    
    
}

.searchIcon {


    height: 30px;
    cursor: pointer;
}