.container3{max-width:470px;margin:30px auto;padding:5px;border-radius:5px;background:#fff;position:relative;height:75px;margin-top:-43px}#cityInput{width:75%;padding:12px;padding-left:15px;font-size:18px;border:0 solid #ccc;border-radius:25px;box-shadow:0 2px 4px rgb(0 0 0 / .1);background-color:#f2f2f2;font-weight:600}#cityInput:focus{outline:none}#cityList{position:relative;width:390px;max-height:400px;overflow-y:auto;background-color:#fff;border:0 solid #ccc;border-radius:3px;z-index:999;box-shadow:0 4px 8px rgb(0 0 0 / .1);text-align:left;margin-top:3px;font-size:17px}#cityList div{padding:7px 13px;cursor:pointer}#cityList div:hover{background-color:#005580;color:#fff}#searchButton{padding:14px 10px;font-size:15px;background-color:#005580;background:linear-gradient(to bottom,#005580,#65aae7);color:#fff;border:none;border-radius:25px;cursor:pointer;box-shadow:0 2px 4px rgb(0 0 0 / .1);font-weight:700;margin-left:-40px}#searchButton:hover{background:linear-gradient(to bottom,#0056b3,#1e73be)}@media screen and (max-width:500px){#cityInput{max-width:260px}#cityList{width:297px}}