@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}.icondelete{background-color:none}.cityname{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#ebf3fe;color:#0065f2;font-weight:800;border-radius:10px;border:0;height:68px;line-height:68px;width:100%;padding:20px;margin:20px 0}.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("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2013.43C13.7231%2013.43%2015.12%2012.0331%2015.12%2010.31C15.12%208.58687%2013.7231%207.19%2012%207.19C10.2769%207.19%208.88%208.58687%208.88%2010.31C8.88%2012.0331%2010.2769%2013.43%2012%2013.43Z'%20stroke='%230065F2'%20stroke-width='1.5'/%3e%3cpath%20d='M3.62001%208.49C5.59001%20-0.169998%2018.42%20-0.159997%2020.38%208.5C21.53%2013.58%2018.37%2017.88%2015.6%2020.54C13.59%2022.48%2010.41%2022.48%208.39001%2020.54C5.63001%2017.88%202.47001%2013.57%203.62001%208.49Z'%20stroke='%230065F2'%20stroke-width='1.5'/%3e%3c/svg%3e");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}