    button{
        border: none;
        background-color: transparent;
    }
    .bar{
      margin:0 auto;
      width:555px;
      border-radius:30px;
      border:1px solid #dcdcdc;
    }
    .bar:hover{
      box-shadow: 1px 1px 8px 1px #dcdcdc;
    }
    .bar:focus-within{
      box-shadow: 1px 1px 8px 1px #dcdcdc;
      outline:none;
    }
    .searchbar{
      height:37px;
      background-color: transparent;
      border:none;
      width:480px;
      font-size:13px;
      outline: none;
      margin-left: 15px;
      
    }
    .btnsearch{
      height:20px;
      position:relative;
      top: -2px;
    }
    
    @media screen and (max-width: 600px) {
        .bar{
            width: 260px;
        }
        .searchbar {
            width: 200px;
            margin-left: 18px;
            background-color: transparent;
        }
    }
    
