*{ 
    padding:0;
    outline:none;
    box-sizing:border-box;
}

.wrapper {
    position:relative;
    left:40%;
    top: 20px;
    transform:translate (-16%,-100px);
    background:rgba(0,0,0,0.6);
    max-width:700px;
    height:40px;
    width:100%;
    padding: 10px;
    border-radius: 15px;
    display:flex;
    justify-content:space-between;
}

.wrapper .input {
    width:85%;
    padding:10px 15px;
    border:none;
    border-radius:5px;
    position:relative;
    right:10px;
    font-weight:bold;
}

.searchbton {
    background:#B8E9DE ;
    width:10%;
    border-radius:10px;
    position:relative;
    left:10px;
    cursor:pointer;
}

.searchbton .fas {
    position:absolute;
    top:15%;
    left:38%;
    transform:translate (-50%, -50%);
    
}