:root{--color-white: #ffffff;--color-black: #18181b}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}li{list-style:none}a{color:inherit;text-decoration:none}input,button{background:none;border:none;color:inherit;font:inherit;outline:none}input{width:100%}button{cursor:pointer}sup{vertical-align:top}sub,sup{font-size:.75em}sub{vertical-align:baseline}@font-face{font-family:DNFBitBitv2;src:url(//cdn.df.nexon.com/img/common/font/DNFBitBitv2.otf) format("opentype");font-style:normal;font-weight:400}h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.5rem}._weahterContainer_1kpks_1{width:100%;min-height:100vh;background:url(/weather-app/assets/sky-CmNT-gpD.jpg) no-repeat center / cover}._main_1kpks_13{display:flex;align-items:center;justify-content:center;width:100%;max-width:1600px;margin:0 auto;padding:0 2rem 2rem;gap:2rem}._main_1kpks_13 ._container_1kpks_35:nth-of-type(1){max-width:350px}._container_1kpks_35{width:100%;display:flex;flex-direction:column;gap:2rem}._errorBox_1kpks_57{font-size:4rem;color:var(--color-white);text-align:center;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-weight:700}@media (max-width: 1440px){._main_1kpks_13{flex-direction:column;flex-wrap:wrap}._main_1kpks_13 ._container_1kpks_35:nth-of-type(1){max-width:none}}._form_qvlra_1{width:500px;position:relative;color:var(--color-black)}._form_qvlra_1>input{position:relative;border:none;border-radius:1.5rem;width:100%;line-height:2.5rem;padding:0 2rem 0 1rem;font-size:1rem;box-shadow:3px 3px 5px #00000080;background-color:var(--color-white)}._form_qvlra_1>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._form_qvlra_1>input:focus{border:none;outline:none}._form_qvlra_1>button{position:absolute;top:50%;right:1.2rem;transform:translateY(-50%);background:transparent;border:none;font-size:1.2rem}@media (max-width: 820px){._form_qvlra_1{width:280px}}@media (max-width: 610px){._form_qvlra_1{width:150px}}@media (max-width: 480px){._form_qvlra_1{width:100%}}._header_96xpx_1{display:flex;align-items:center;justify-content:space-between;height:120px;padding:2rem;color:var(--color-white);font-size:1.5rem;width:100%;max-width:1600px;margin:0 auto}._weatherIcon_96xpx_27{font-size:3rem}._logo_96xpx_35{display:flex;align-items:center;gap:.5rem;font-family:DNFBitBitv2,sans-serif}@media (max-width: 480px){._header_96xpx_1{flex-direction:column;height:auto;gap:1rem}}._tempBox_2mpde_1{display:flex;align-items:center;justify-content:space-between;font-size:5.5rem}._tempBox_2mpde_1 img{height:auto}._description_2mpde_23{padding:1rem 0;border-bottom:1px solid #C6CAD3}._locationBox_2mpde_33{display:flex;flex-direction:column;gap:1rem;font-size:1.1rem;margin-top:1rem}._locationBox_2mpde_33>p{display:flex;align-items:center;gap:.8rem}._section_l1103_1{background-color:#68a4ea;border-radius:2rem;padding:2rem;display:flex;flex-direction:column;box-shadow:3px 3px 5px #0003;color:var(--color-white)}._forecastList_1hpn3_1 li,._tempBox_1hpn3_13{display:flex;align-items:center;justify-content:space-between}._tempBox_1hpn3_13 img{height:80px}._description_1hpn3_33{padding:1rem 0;border-bottom:1px solid #C6CAD3}._locationBox_1hpn3_43{display:flex;flex-direction:column;gap:1rem;font-size:1.1rem;margin-top:1rem}._locationBox_1hpn3_43>p{display:flex;align-items:center;gap:.8rem}._title_5nco1_1{font-size:1.5rem}._container_5nco1_9{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}._innerBox_5nco1_23{display:flex;justify-content:space-between;gap:1.5rem}._infoWrap_5nco1_35{display:flex;align-items:center;gap:3rem}._infoWrap_5nco1_35 ._icon_5nco1_47{font-size:3.8rem}._infoList_5nco1_55{display:flex;width:100%;justify-content:space-between}._infoList_5nco1_55>li{border-radius:1rem;display:flex;align-items:center;gap:1rem}._infoList_5nco1_55>li>p{font-size:1.5rem;font-weight:700}._infoCard_5nco1_91{display:flex;flex-direction:column;gap:.5rem}._infoCardTitle_5nco1_103{font-weight:700}@media (max-width: 1280px){._container_5nco1_9{grid-template-columns:repeat(1,1fr)}}@media (max-width: 767px){._innerBox_5nco1_23{flex-direction:column}._infoList_5nco1_55{gap:2rem}}@media (max-width: 480px){._infoWrap_5nco1_35{flex-direction:column}._infoCard_5nco1_91{text-align:center}._innerBox_5nco1_23,._infoList_5nco1_55{flex-direction:column}._infoList_5nco1_55>li{flex-direction:column}}._todayCard_1qxbp_1{background-color:#5a93d3;display:flex;flex-direction:column;gap:3rem;padding:2rem;border-radius:2rem}@media (max-width: 1440px){._todayCard_1qxbp_1{flex:1 1 auto}}._container_fqg9z_1{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem;margin-top:1.5rem}@media (max-width: 1024px){._container_fqg9z_1{grid-template-columns:repeat(4,1fr)}}@media (max-width: 767px){._container_fqg9z_1{grid-template-columns:repeat(2,1fr)}}._item_stp2e_1{display:flex;flex-direction:column;align-items:center;background-color:#5a93d3;padding:1rem 0;border-radius:1rem}._item_stp2e_1>img{width:80px}._item_stp2e_1 ._hour_stp2e_27{font-weight:700}