@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;box-sizing:border-box;color:#fff;font-family:Roboto,sans-serif;font-weight:400}body{background-color:#0068aa}.container{width:85%;max-width:710px;margin:0 auto}header{padding:1.5em 0;box-shadow:0 5px 10px #323c463c;position:sticky;top:0;background-color:#0068ab}nav{display:flex;flex-wrap:wrap}.home{flex-basis:90%}.homeicon{display:flex;flex-wrap:nowrap;line-height:1.625rem}h1{font-size:1.5rem;font-weight:400;padding:.0625em .5em 0}.infoicon{margin:auto}.showplus{display:flex;margin:auto;gap:.5em;color:#000}.hideplus{display:none}.infoicon:hover{color:#252e34}a{text-decoration:none;padding:0}@media (max-width: 564px){.homeicon{justify-content:center}}.emptylist{margin:1.5em 0}input{margin:.875rem 0;border:none;border-bottom:1px solid white;background-color:#0068aa;width:100%;font-size:1rem;padding:.625em .125em}input:focus{border:none;outline:none;border-bottom:2px solid #004e71}::placeholder{color:#c2b9b9ce}.cityinfo{display:flex;width:100%;border:none;border-radius:6px;justify-content:space-between;margin-top:1.25em;padding:1.375em .75em;background-color:#004e71}.degree{text-align:right}h2{font-size:1.875rem;padding:.125em 0;font-weight:400}.searchlist{position:absolute;background-color:#004e71;box-shadow:0 5px 10px #242b3283}.searchlist li{list-style:none;text-align:left;padding:.75em}.dayDetails{display:flex;flex-direction:column;align-items:center;padding:2.75em 0;font-size:16px}h3{font-size:36px;padding-bottom:.25em}.daytemp{font-size:80px;padding:.5em}hr{border:solid .5px rgba(170,191,219,.199)}.divcontainer{padding:3em 0}.prev{padding:1rem 0;text-align:center;background-color:#004e71}.hourly{display:flex;flex-basis:46px;overflow-x:scroll;gap:2.5rem;padding:.5em 0}ul{list-style:none;padding:0;text-align:center}li{padding:.5em 0 0}.binCity{display:flex;justify-content:center;margin:3em 0;gap:.5rem}.bin{padding:1em}.bin:hover{background-color:#ff00008f}.icon{padding:0;max-width:50px;max-height:50px;margin:0}.hourdeg{font-size:1.25rem}.weekly{display:flex;justify-content:space-between}.weekcontainer{padding:1.5em 0}.weekicon{width:50px;height:50px;padding:0;margin:0}.weekly li:first-child{text-align:left;flex-basis:33%}.midicon{flex-basis:30%;padding:0;text-align:left}.load{width:80%;max-width:710px;margin:2em auto;padding:1em 0;background:linear-gradient(to right,#d2e2ed2e,#edf0f379);background-size:200% 100%;animation:colorChange .7s infinite linear}.load1{padding:2em 0}.load2{padding:4em 0}@keyframes colorChange{0%{background-position:0% 50%}to{background-position:100% 50%}}.Overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#004977cf}.Modal{position:absolute;top:30%;left:30%;right:30%;display:"block";padding:1.5em 1.5em .5em;margin:auto;outline:none;background-color:#0592de}.Modal button{margin:1em 35%;padding:1em 1.5em;text-align:center;background-color:#004e71;border:none;outline:none}