@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@200&display=swap);body{background:#ddd}:root{--blue:#4582b2}*{margin:0;padding:0;box-sizing:border-box;font-family:poppins-light}@font-face{font-family:poppins-light;src:url(../fonts/Poppins-Light.f6ea751e.ttf)}header{color:var(--blue);background-color:#cbd9f4;padding-bottom:20px}.header__wrapper{display:flex;justify-content:space-between;align-items:center;max-width:850px;padding:50px 100px 20px 100px;margin:0 auto}.header__title{font-size:60px;margin-bottom:10px}.header__searchInput{width:230px}.header__searchInput::-webkit-input-placeholder{color:#acacac;font-size:18px}.header__getCurrentWeatherBtn,.header__searchBtn,.header__searchInput{text-align:center;font-size:20px;border-radius:12px;border:none;background-color:#fefefe;color:#acacac;outline:none;padding:6px 10px;box-shadow:0 2px 4px rgba(0,0,0,.25);transition:all .3s ease}.header__getCurrentWeatherBtn:hover,.header__searchBtn:hover,.header__searchInput:focus{background:#eee}.header__getCurrentWeatherBtn,.header__searchBtn{padding:10px 10px;cursor:pointer;color:#929292;display:flex;justify-content:center;margin:0 5px}.header__inputContainer{width:100%;display:flex;justify-content:center}.header__img{width:120px}@media screen and (max-width:777px){.header__wrapper{display:block;text-align:center;padding:30px 3px 20px 3px}.header__title{font-size:33px}.header__title:after{background-image:url(../img/favicon.adc385f5.png);background-size:cover;display:inline-block;width:65px;height:65px;content:"";margin-left:10px;margin-bottom:-15px}.header__p{font-size:13px}.header__img{display:none}.header__searchInput{width:180px;font-size:17px}}main{color:var(--blue);display:flex;padding:30px}.main__container{background-color:#fff;width:1000px;min-height:400px;border-radius:36px;padding:35px 60px;margin:0 auto;display:flex;justify-content:space-between}.main__title{text-decoration:underline}.main__container img{width:30px;margin-right:10px}.main__description img{width:60px;margin-left:-13px}.main__description p{font-size:18px;margin-left:-11.5px}.main__container .column-1 div{display:flex;align-items:center;margin-bottom:3px}.main__map iframe{width:600px;height:340px;border-radius:20px;border:1px solid #000}@media screen and (max-width:1000px){main{padding:14px 0}.main__title{text-align:center}.main__container{display:block;max-width:80%}.main__map{margin-top:10px}.main__map iframe{width:100%;height:250px;border-radius:30px}}@media screen and (max-width:400px){.main__container{padding:15px 30px;max-width:90%}.main__container p{font-size:15px}.main__temp,.main__title{font-size:25px}.main__title{margin-bottom:6px}.main__map iframe{width:100%;height:202px}}