body {}
body .wrap {background-color:#A0DEFF; width:412px; height:917px; margin:0 auto; padding:41px 0 0;}
body .wrap header {width:335px; margin:0 auto 122px; display:flex; justify-content:space-between;}
body .wrap header h1 {font-size:1.5rem; font-weight:600; color:#FFF6E9;}
body .wrap header button {font-size:0.813rem; font-weight:500; padding:10px 12px; border:1px solid #E8F9FF; color:#E8F9FF; border-radius:12px;}
body .wrap header button:hover {background-color:#FFF6E9; border:1px solid #A0DEFF; color:#A0DEFF;}
body .wrap main {}
body .wrap main .city_temperature {display:flex; width:311px; justify-content:space-between; margin:0 auto;}
body .wrap main .city_temperature .city {font-size:1.5rem; font-weight:500; color:#FFF6E9;}
body .wrap main .city_temperature .temperature {font-size:1.5rem; font-weight:600; color:#FFF6E9;}
body .wrap main .img_weather {margin:65px auto 126px; display:flex; align-items:center; justify-content:space-between; width:311px;}
body .wrap main .img_weather .weather_icon {width:max-content; padding:20px; background-color:#fff; border-radius:30px;}
body .wrap main .img_weather .weather_icon img {width:200px;}
body .wrap main .img_weather .weather_text {font-size:1.5rem; font-weight:600; color:#FFF6E9;}
body .wrap main .weather_description {font-size:1.5rem; font-weight:500; color:#FFF6E9; text-align:center;}
body .wrap main .weather_description em {font-weight:500; color:#FFF6E9;}
@media screen and (max-width:1023px) {
    body .wrap header {margin:0 auto 80px;}
    body .wrap header h1 {font-size:1.375rem;}
    body .wrap main .city_temperature .city {font-size:1.375rem;}
    body .wrap main .city_temperature .temperature {font-size:1.375rem;}
    body .wrap main .img_weather {margin:50px auto 110px;}
    body .wrap main .img_weather .weather_icon img {width:180px;}
    body .wrap main .img_weather .weather_text {font-size:1.375rem;}
    body .wrap main .img_weather .weather_text {font-size:1.375rem;}
}
@media screen and (max-width:767px) {
    body .wrap header {margin:0 auto 60px;}
    body .wrap main .city_temperature {flex-flow:column nowrap; align-items:center;}
    body .wrap main .city_temperature .city {margin-bottom:15px;}
    body .wrap main .img_weather {flex-flow:column nowrap; margin:40px auto 80px;}
    body .wrap main .img_weather .weather_icon {margin-bottom:15px;}
}