@charset "UTF-8";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}*{box-sizing:border-box;margin:0;padding:0}body{font-family:inter,sans-serif;color:#0065f2;background-color:#ebf3fe;background-image:url(/src/img/bg.svg);background-repeat:no-repeat;min-height:100vh;text-align:center;font-size:18px}h1{font-size:56px;font-weight:600}h2{font-size:40px;font-weight:700}h3{font-size:32px;font-weight:600}h4{font-size:16px;font-weight:800}h5{font-size:22px;font-weight:900}strong{font-weight:900}.title{text-align:center;padding-top:5vh}p{margin-top:10px;margin-bottom:10px}img{width:auto;height:50%}.main{height:65vh;width:70vw;display:inline-flex;justify-content:center;gap:40px;margin-top:5vh;height:700px}.search{background-color:#fff;border-radius:20px;width:35%;padding:30px}.form-group{width:100%}input{width:65%;height:48px;outline:none;background:#e0ecfd66;border-radius:10px;border:0;padding-left:20px}input::placeholder{font-size:16px;color:#0065f2;opacity:40%}button{background:#0065f2;border-radius:10px;border:0;margin-left:10px;color:#fff;width:30%;height:48px;cursor:pointer}.cityname{cursor:pointer;background:#ebf3fe;color:#0065f2;font-weight:800;border-radius:10px;border:0;height:68px;line-height:68px;width:100%;padding-left:20px;margin:20px 0;text-align:left;background-image:url(/src/img/eye/vuesax/linear/eye.svg);background-position:right 20px center;background-repeat:no-repeat}.cityname.active{background:#0065f2;color:#ebf3fe;background-image:url(/src/img/eye/vuesax/linear/eye.svg);background-position:right 20px center;background-repeat:no-repeat}.cityname:hover{background:#8ebbff;color:#0065f2}.display{background-color:#fff;border-radius:20px;width:65%;padding:30px}.displaytitle{border-bottom:1px solid rgb(0,101,242);padding-left:30px;padding-bottom:20px;text-align:start;background-image:url(/src/img/POI/location.svg);background-position:top left;background-repeat:no-repeat;font-weight:800}.info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0;margin-top:20px;gap:20px;width:397px;height:375px;border-radius:20px;box-shadow:5px 5px 20px #ececec66;width:100%}.icon{width:48%;background-color:#ebf3fe;height:100%;border-radius:20px;display:flex;justify-content:center;align-items:center}.bigIcon{width:60%}.text{width:50%;height:100%;border-radius:20px;text-align:start;display:flex;flex-direction:column;justify-content:center;gap:10px}.forecast{height:225px;display:flex;justify-content:space-around;align-items:center;gap:20px;padding:20px 0}.forecast .day{background-color:#ebf3fe;width:25%;height:100%;border-radius:10px;box-shadow:inset 0 20px 15px 5px #0065f20d;padding:4px 0}