@import url(https://fonts.googleapis.com/css2?family=Abel&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#68b7c1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:row;gap:3rem}.weather{align-items:center;display:flex;flex-direction:column;gap:2.5rem;justify-content:center;margin-bottom:6rem;margin-left:3rem}::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-thumb{background-color:#96ffff;border-radius:2rem;padding:1rem}::-webkit-scrollbar-track{background-color:#61cad7}@media only screen and (max-width:600px){.App{flex-direction:column;gap:3rem;margin-bottom:2rem;margin-left:1rem;margin-right:1rem}.weather{margin-bottom:0;margin-left:0}}@media only screen and (max-width:500px){.App{flex-direction:column;gap:10vh;margin-bottom:10%;margin-left:5%;margin-right:5%}.weather{margin-bottom:0;margin-left:0}}@media only screen and (min-width:600px){.App{flex-direction:column;gap:3rem;margin-bottom:2rem;margin-left:2rem;margin-right:2rem}.weather{margin-bottom:0;margin-left:0}}@media only screen and (min-width:768px){.App{flex-direction:column;gap:3rem;margin-bottom:2rem;margin-left:3rem;margin-right:3rem}.weather{margin-bottom:0;margin-left:0}}@media only screen and (min-width:992px){.App{flex-direction:row;gap:2rem;margin:0 1rem 2rem 2rem}.weather{margin-bottom:0;margin-left:0}}@media only screen and (min-width:1200px){.App{flex-direction:row;gap:3rem;margin-bottom:0;margin-left:0;margin-right:2rem}.weather{margin-left:1rem}}@media only screen and (min-width:1300px){.App{display:flex;flex-direction:row;gap:4.5rem;margin-bottom:0}.weather{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin-bottom:6rem;margin-left:1.5rem}}.rightTile{background:#96ffff;border-radius:2rem;display:flex;flex-direction:column;font-family:Comfortaa,cursive;gap:0;height:42rem;padding:1rem;width:25rem}.header{color:#022449;margin-left:1rem}.scrollable{display:flex;flex-direction:column;gap:1rem;max-height:35rem;overflow-y:auto}.scrollable::-webkit-scrollbar{width:.5rem}.scrollable::-webkit-scrollbar-thumb{background-color:#f27d42;border-radius:2rem;padding:1rem}.scrollable::-webkit-scrollbar-track{background-color:#edd4c8;border-radius:2rem}.activityData{border:.1rem solid #022449;border-radius:1rem;color:#022449;margin-left:2.5%;margin-right:2.5%;padding:.7rem}.activityData h2{margin-bottom:.5em}.outdoor{height:18rem;margin-top:5rem;width:auto}@media only screen and (max-width:600px){.rightTile{align-self:center;width:31rem}}@media only screen and (max-width:500px){.rightTile{align-self:center;width:88%}}@media only screen and (min-width:600px){.rightTile{align-self:center;width:33rem}}@media only screen and (min-width:768px){.rightTile{align-self:center;width:43rem}.header{font-size:2rem}}@media only screen and (min-width:992px){.rightTile{align-self:center;margin-top:1rem;width:40rem}.header{font-size:1.4rem}}@media (min-width:1200px){.rightTile{margin-bottom:0;margin-top:2rem;width:18rem}.header{font-size:1.6rem}}@media (min-width:1250px){.rightTile{margin-bottom:0;margin-top:2rem;width:20rem}.header{font-size:1.6rem}}@media (min-width:1300px){.rightTile{margin-bottom:2rem;margin-top:0;width:19rem}.header{font-size:1.5rem}}@media (min-width:1350px){.rightTile{margin-bottom:2rem;margin-top:0;width:20rem}.header{font-size:1.7rem}}@media (min-width:1400px){.rightTile{margin-bottom:2rem;margin-top:0;width:28rem}}.search{align-self:flex-start;background-color:#f27d42;border:none;border-radius:5rem;display:flex;font-family:Comfortaa,cursive;height:3rem;width:43rem}.search,input::placeholder{color:#022449;font-size:1.5rem;padding-left:1rem}input::placeholder{padding-top:.3rem}.container{align-items:flex-start;flex-direction:row;gap:1rem}.searchButton{background-color:#f27d42;border:none;border-radius:50%;height:3.4rem;width:3.5rem}img{height:2rem}.searchButton:hover{border:3px solid #022449;transition:border .1s ease-in-out}@media (max-width:1300px){.search{height:2.7rem;margin-top:1.6rem;width:38rem}.searchButton{height:2.9rem;margin-top:1.6rem;width:3rem}}@media (max-width:1200px){.search{height:2.6rem;width:35rem}}@media (max-width:1100px){.search{height:2.6rem;width:32rem}.searchButton{height:2.8rem;width:2.9rem}}@media (max-width:980px){.search{height:2.6rem;width:40rem}.searchButton{height:2.8rem;width:2.9rem}}@media (max-width:900px){.search{height:2.6rem;width:38rem}.searchButton{height:2.8rem;width:2.9rem}}@media (max-width:800px){.search{height:2.6rem;width:34rem}.searchButton{height:2.8rem;width:2.9rem}}@media (max-width:700px){.search{height:2.6rem;width:29rem}}@media (max-width:600px){.search{height:2.6rem;width:25rem}}@media (max-width:540px){.search{height:2.5rem;width:21rem}.searchButton{height:2.7rem;width:2.7rem}}@media (max-width:495px){.search{height:2.5rem;width:18.7rem}}@media (max-width:440px){.search{height:2.5rem;width:15rem}.search,input::placeholder{font-size:1.1rem}}.wIcon{height:20rem;margin-left:14rem;width:auto}.Rname{font-family:Comfortaa,cursive;margin-left:2.5rem;width:26rem}.sun{gap:.5rem}.sun,.sun_div{align-items:center;display:flex;flex-direction:row}.sun_div{gap:3.1rem}.sun_icon{height:2.4rem;width:auto}.sun_text{color:#022449;font-family:Comfortaa,cursive;font-size:1.1rem}.resultsHeader{align-items:center;display:flex;flex-direction:row;gap:3.1rem}.results{align-items:flex-start;background-image:linear-gradient(180deg,#5e88c8,aqua);border-radius:2rem;display:flex;height:74%;justify-content:flex-start;margin:0 auto;width:93%}.data{flex-direction:row;font-family:Abel,sans-serif;font-weight:700;gap:1rem;margin-left:2.1rem}.card,.data{display:flex}.card{align-items:center;border:.12rem solid #022449;border-radius:.7rem;color:#022449;flex-direction:column;height:15rem;width:8rem}.wind_div{font-size:1.27rem}.card_title{font-size:1.1rem}.pressure,.thermometer{height:6rem;width:auto}.wind{height:6.1rem;width:auto}.humidity{height:5.5rem;margin-top:.5rem;width:auto}.desc_icon{height:6rem;width:auto}.desc_text{font-size:1.3rem;margin-bottom:.9rem}.temp_text{font-size:1.7rem}@media (max-width:1300px){.wIcon{margin-left:12rem}.data{gap:1rem;margin-left:1rem}.Rname{margin-left:2rem;width:23.7rem}.sun_icon{height:2rem;width:auto}.sun_text{font-size:1rem}.card{height:13rem;margin-bottom:1rem;width:7.5rem}.pressure,.thermometer{height:5rem;width:auto}.wind{height:4.5rem;width:auto}.wind_div{font-size:1.2rem}.humidity{height:4.7rem;width:auto}.desc_text{font-size:1.2rem;margin-bottom:.6rem}.temp_text{font-size:1.4rem}}@media (max-width:1200px){.wIcon{margin-left:10rem}.data{margin-left:1.2rem}.Rname{margin-left:1.7rem;width:20rem}.card{height:13rem;margin-bottom:1rem;width:6.7rem}}@media (max-width:1100px){.wIcon{margin-left:8.5rem}.data{gap:1rem;margin-left:.9rem}.Rname{margin-left:1.5rem;width:18.5rem}.sun_div{gap:2rem}.sun_icon{height:2rem;width:auto}.sun_text{font-size:1rem}.card{height:12.5rem;margin-bottom:1rem;width:6.1rem}.card_title{font-size:1rem}.pressure,.thermometer{height:4.7rem;width:auto}.wind{height:4.6rem;width:auto}.wind_div{font-size:1rem}.humidity{height:4.3rem;width:auto}.desc_text{font-size:1.1rem;margin-bottom:1rem}.temp_text{font-size:1.3rem}}@media (max-width:980px){.wIcon{margin-left:13rem}.data{gap:1.5rem;margin-left:.9rem}.Rname{margin-left:1.5rem;width:26rem}.sun_div{gap:1.9rem}.sun_icon{height:2.2rem;width:auto}.sun_text{font-size:1.2rem}.card{height:13rem;margin-bottom:1rem;width:7.5rem}.card_title{font-size:1.2rem}.pressure,.thermometer{height:4.7rem;width:auto}.wind{height:4.6rem;width:auto}.wind_div{font-size:1.1rem}.humidity{height:4.3rem;width:auto}.desc_text{font-size:1.2rem;margin-bottom:1rem}.temp_text{font-size:1.3rem}}@media (max-width:900px){.wIcon{margin-left:11rem}.data{gap:1rem;margin-left:1.1rem}.Rname{width:23.5rem}.card{height:13rem;width:7.3rem}.sun_text{font-size:1.1rem}}@media (max-width:800px){.wIcon{margin-left:10rem}.data{gap:1rem;margin-left:1.2rem}.Rname{width:20.5rem}.card_title{font-size:1rem}.card{height:13rem;width:6.5rem}.sun_text{font-size:1rem}}@media (max-width:700px){.wIcon{margin-left:7rem}.data{gap:.5rem;margin-left:1rem}.Rname{width:17.4rem}.card_title{font-size:1rem}.card{height:13rem;width:5.9rem}.desc_text,.wind_div{font-size:1.1rem}.sun_div{gap:1.2rem}.sun{gap:.2rem}.sun_text{font-size:.96rem}.sun_icon{height:auto;width:2rem}}@media (max-width:600px){.wIcon{margin-left:5rem}.data{gap:.4rem;margin-left:1.1rem}.Rname{width:14rem}.card_title{font-size:.9rem}.card{height:12rem;width:5.2rem}.desc_text{font-size:1rem}.wind_div{font-size:.95rem}.sun_text{font-size:.9rem}}@media (max-width:540px){.data{align-items:center;flex-direction:column;gap:0;margin-left:.9rem}.Rname{width:11rem}.wIcon{margin-left:3rem;width:20rem}.card{align-items:center;flex-direction:row;gap:2rem;height:7rem;justify-content:center;width:25rem}.card_title{font-size:1.6rem}.desc_text,.wind_div{font-size:1.3rem}.thermometer{height:4rem;width:auto}.desc_icon{height:6rem}.humidity{width:3rem}}@media (max-width:495px){.data{gap:0;margin-left:2.1rem;width:20rem}.wIcon{margin-left:4rem;width:17rem}.Rname{margin-bottom:.5rem;margin-top:.5rem;width:8rem}.card{gap:2.5rem;height:5rem;width:22rem}.card_title{font-size:1.3rem}.desc_text,.wind_div{font-size:1rem}.thermometer{height:3rem;width:auto}.desc_icon{height:5rem}.humidity{width:2.1rem}.pressure{height:3.3rem}.wind{height:3.5rem}}@media (max-width:440px){.data{gap:0;margin-left:.3rem;width:20rem}.Rname{width:5rem}.sun_icon{width:1.6rem}.sun_text{font-size:.85rem}.card{gap:1rem;height:5rem;width:18rem}.wIcon{margin-left:2.6rem;width:15rem}.card_title{font-size:1.3rem}.desc_text,.wind_div{font-size:1rem}.thermometer{height:3rem;width:auto}.desc_icon{height:5rem}.humidity{width:2.1rem}.pressure{height:3.3rem}.wind{height:3.5rem}}.back,.container{display:flex}.back{align-items:center;background-color:#022449;border-radius:2rem;flex-direction:column;gap:1rem;height:29rem;justify-content:center;margin-top:3.5rem;width:53rem}@media (max-width:1300px){.back{height:auto;margin-left:2.5rem;margin-left:2rem;margin-top:3rem;padding-bottom:1.5rem;width:48rem}}@media (max-width:1200px){.back{height:auto;margin-left:0;width:44rem}}@media (max-width:1100px){.back{height:auto;margin-left:0;width:40rem}}@media (max-width:980px){.back{align-self:center;height:auto;margin-left:0;width:50rem}.container{align-items:center;justify-content:center}}@media (max-width:900px){.back{align-self:center;height:auto;margin-top:1.6rem;width:47rem}}@media (max-width:800px){.back{height:auto;width:43rem}}@media (max-width:700px){.back{height:auto;width:37rem}}@media (max-width:600px){.back{height:auto;width:33rem}}@media (max-width:540px){.back{width:29rem}}@media (max-width:495px){.back{width:26rem}}@media (max-width:440px){.back{width:22rem}}.local-alarm{background-color:coral;border-radius:2rem;color:#022449;font-family:Comfortaa,cursive;height:13rem;width:53rem}.flexContainer{align-items:center;color:#022449;display:flex;flex-direction:row;justify-content:space-between;padding-left:3rem;padding-right:3rem}.localHeader{margin-left:1rem}.flexContainer img{height:auto;width:15%}@media (max-width:1300px){.local-alarm{margin-left:2rem;padding-bottom:1.5rem;width:48rem}.flexContainer img{height:auto;width:20%}}@media (max-width:1200px){.local-alarm{margin-left:0;width:44rem}}@media (max-width:1100px){.local-alarm{margin-left:0;width:40rem}}@media (max-width:980px){.local-alarm{align-self:center;margin-left:0;width:50rem}}@media (max-width:900px){.local-alarm{align-self:center;margin-top:1.6rem;width:47rem}}@media (max-width:800px){.local-alarm{width:43rem}}@media (max-width:700px){.local-alarm{width:37rem}}@media (max-width:600px){.local-alarm{width:33rem}}@media (max-width:500px){.local-alarm{width:97%}}
/*# sourceMappingURL=main.6c36b04a.css.map*/