header {
    /* position: relative; */
    padding: 30px;
    margin: 0;
    display: flex;
    /* padding-left: 230px; */
    align-items: center;
    justify-content: space-between;
}

header > input {
    margin: 0;
    width: 40%;
    border: 1px solid grey;
}

/* header > input:hover {
}
header > input:focus {
} */

@media screen and (max-width: 600px) {
    header {
        padding: 15px;
    }
    header h1 {
        font-size: 1rem;
    }
}