.navbar {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width: 100%;
    padding:15px 30px;
    margin: 0 auto;
    background:#222;
}

.navbar a {
    color:white;
    text-decoration:none;
    margin-right:15px;
}

.navbar form {
    display:flex;
    gap:10px;
}

.navbar input {
    padding:5px;
}

.navbar button {
    padding:5px 10px;
    cursor:pointer;
}



@media screen and (max-width: 800px) {


.navbar {
   width: 80%; 
   padding: 1px 3px;
}


}