@import url(https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(/static/media/bgimage.cf116673a1637747a319.jpg);background-size:cover;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{align-items:center;display:flex;height:100vh;justify-content:center}.box-container{border-radius:6px;overflow:hidden}.box,.box-container{background-size:cover}.box{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);color:#444;display:flex;flex-direction:column;font-family:Atkinson Hyperlegible;height:470px;justify-content:space-between;padding-top:20px;width:340px}.inputData h3{color:#ccc;font-family:Montserrat Alternates;font-size:17px;text-transform:uppercase}.inputField{border:1px solid #fff;border-radius:1.25rem;font-size:17px;height:2.5rem}.weather{align-items:center;display:flex;justify-content:space-evenly;padding:20px 0}.sin-weather{border-right:1px solid;display:flex;flex-direction:column;font-size:17px;padding-right:10px}.sin-3{border:none;padding:none}.sin-weather small{font-size:12px}.sin-weather t{color:#ccc}.icon-name{align-items:center;color:#ccc;display:flex;flex-direction:column;justify-content:center}.icon-name h1{font-family:Montserrat Alternates;font-size:40px;text-transform:uppercase}.temp{margin-bottom:0;padding-bottom:0}.temperature{margin-bottom:25px}.temperature div{font-size:16px}.parent{border-radius:6px;overflow:hidden;position:relative}.overlay1{-webkit-animation:wave 6s linear infinite;animation:wave 6s linear infinite;background:#ccc;-webkit-transform:translateX(-33%);transform:translateX(-33%)}.overlay1,.overlay2{-webkit-clip-path:polygon(100% 100%,0 100%,0 65%,1% 64.95%,2% 64.8%,3% 64.6%,4% 64.3%,5% 63.9%,6% 63.45%,7% 62.9%,8% 62.25%,9% 61.55%,10% 60.8%,11% 59.95%,12% 59.05%,13% 58.1%,14% 57.1%,15% 56.05%,16% 55%,17% 53.9%,18% 52.8%,19% 51.65%,20% 50.5%,21% 49.35%,22% 48.2%,23% 47.05%,24% 45.9%,25% 44.8%,26% 43.75%,27% 42.75%,28% 41.75%,29% 40.8%,30% 39.9%,31% 39.1%,32% 38.35%,33% 37.65%,34% 37.05%,35% 36.5%,36% 36.05%,37% 35.65%,38% 35.35%,39% 35.15%,40% 35.05%,41% 35%,42% 35.05%,43% 35.2%,44% 35.45%,45% 35.75%,46% 36.15%,47% 36.65%,48% 37.2%,49% 37.85%,50% 38.55%,51% 39.35%,52% 40.2%,53% 41.1%,54% 42.05%,55% 43.05%,56% 44.1%,57% 45.15%,58% 46.3%,59% 47.4%,60% 48.55%,61% 49.7%,62% 50.85%,63% 52%,64% 53.15%,65% 54.25%,66% 55.35%,67% 56.4%,68% 57.45%,69% 58.4%,70% 59.35%,71% 60.2%,72% 61.05%,73% 61.8%,74% 62.45%,75% 63.05%,76% 63.6%,77% 64.05%,78% 64.4%,79% 64.7%,80% 64.85%,81% 65%,82% 65%,83% 64.9%,84% 64.75%,85% 64.5%,86% 64.2%,87% 63.75%,88% 63.25%,89% 62.7%,90% 62.05%,91% 61.3%,92% 60.5%,93% 59.65%,94% 58.75%,95% 57.8%,96% 56.8%,97% 55.75%,98% 54.65%,99% 53.55%,100% 52.4%);clip-path:polygon(100% 100%,0 100%,0 65%,1% 64.95%,2% 64.8%,3% 64.6%,4% 64.3%,5% 63.9%,6% 63.45%,7% 62.9%,8% 62.25%,9% 61.55%,10% 60.8%,11% 59.95%,12% 59.05%,13% 58.1%,14% 57.1%,15% 56.05%,16% 55%,17% 53.9%,18% 52.8%,19% 51.65%,20% 50.5%,21% 49.35%,22% 48.2%,23% 47.05%,24% 45.9%,25% 44.8%,26% 43.75%,27% 42.75%,28% 41.75%,29% 40.8%,30% 39.9%,31% 39.1%,32% 38.35%,33% 37.65%,34% 37.05%,35% 36.5%,36% 36.05%,37% 35.65%,38% 35.35%,39% 35.15%,40% 35.05%,41% 35%,42% 35.05%,43% 35.2%,44% 35.45%,45% 35.75%,46% 36.15%,47% 36.65%,48% 37.2%,49% 37.85%,50% 38.55%,51% 39.35%,52% 40.2%,53% 41.1%,54% 42.05%,55% 43.05%,56% 44.1%,57% 45.15%,58% 46.3%,59% 47.4%,60% 48.55%,61% 49.7%,62% 50.85%,63% 52%,64% 53.15%,65% 54.25%,66% 55.35%,67% 56.4%,68% 57.45%,69% 58.4%,70% 59.35%,71% 60.2%,72% 61.05%,73% 61.8%,74% 62.45%,75% 63.05%,76% 63.6%,77% 64.05%,78% 64.4%,79% 64.7%,80% 64.85%,81% 65%,82% 65%,83% 64.9%,84% 64.75%,85% 64.5%,86% 64.2%,87% 63.75%,88% 63.25%,89% 62.7%,90% 62.05%,91% 61.3%,92% 60.5%,93% 59.65%,94% 58.75%,95% 57.8%,96% 56.8%,97% 55.75%,98% 54.65%,99% 53.55%,100% 52.4%);height:100%;width:150%}.overlay2{-webkit-animation:wave2 6s linear infinite;animation:wave2 6s linear infinite;background:#efefef;-webkit-transform:translateY(-100%) rotateY(180deg);transform:translateY(-100%) rotateY(180deg);z-index:5}.info{-webkit-animation:wave3 6s linear infinite;animation:wave3 6s linear infinite;background:#f5f5f5;-webkit-clip-path:polygon(100% 100%,0 100%,0 65%,1% 64.95%,2% 64.8%,3% 64.6%,4% 64.3%,5% 63.9%,6% 63.45%,7% 62.9%,8% 62.25%,9% 61.55%,10% 60.8%,11% 59.95%,12% 59.05%,13% 58.1%,14% 57.1%,15% 56.05%,16% 55%,17% 53.9%,18% 52.8%,19% 51.65%,20% 50.5%,21% 49.35%,22% 48.2%,23% 47.05%,24% 45.9%,25% 44.8%,26% 43.75%,27% 42.75%,28% 41.75%,29% 40.8%,30% 39.9%,31% 39.1%,32% 38.35%,33% 37.65%,34% 37.05%,35% 36.5%,36% 36.05%,37% 35.65%,38% 35.35%,39% 35.15%,40% 35.05%,41% 35%,42% 35.05%,43% 35.2%,44% 35.45%,45% 35.75%,46% 36.15%,47% 36.65%,48% 37.2%,49% 37.85%,50% 38.55%,51% 39.35%,52% 40.2%,53% 41.1%,54% 42.05%,55% 43.05%,56% 44.1%,57% 45.15%,58% 46.3%,59% 47.4%,60% 48.55%,61% 49.7%,62% 50.85%,63% 52%,64% 53.15%,65% 54.25%,66% 55.35%,67% 56.4%,68% 57.45%,69% 58.4%,70% 59.35%,71% 60.2%,72% 61.05%,73% 61.8%,74% 62.45%,75% 63.05%,76% 63.6%,77% 64.05%,78% 64.4%,79% 64.7%,80% 64.85%,81% 65%,82% 65%,83% 64.9%,84% 64.75%,85% 64.5%,86% 64.2%,87% 63.75%,88% 63.25%,89% 62.7%,90% 62.05%,91% 61.3%,92% 60.5%,93% 59.65%,94% 58.75%,95% 57.8%,96% 56.8%,97% 55.75%,98% 54.65%,99% 53.55%,100% 52.4%);clip-path:polygon(100% 100%,0 100%,0 65%,1% 64.95%,2% 64.8%,3% 64.6%,4% 64.3%,5% 63.9%,6% 63.45%,7% 62.9%,8% 62.25%,9% 61.55%,10% 60.8%,11% 59.95%,12% 59.05%,13% 58.1%,14% 57.1%,15% 56.05%,16% 55%,17% 53.9%,18% 52.8%,19% 51.65%,20% 50.5%,21% 49.35%,22% 48.2%,23% 47.05%,24% 45.9%,25% 44.8%,26% 43.75%,27% 42.75%,28% 41.75%,29% 40.8%,30% 39.9%,31% 39.1%,32% 38.35%,33% 37.65%,34% 37.05%,35% 36.5%,36% 36.05%,37% 35.65%,38% 35.35%,39% 35.15%,40% 35.05%,41% 35%,42% 35.05%,43% 35.2%,44% 35.45%,45% 35.75%,46% 36.15%,47% 36.65%,48% 37.2%,49% 37.85%,50% 38.55%,51% 39.35%,52% 40.2%,53% 41.1%,54% 42.05%,55% 43.05%,56% 44.1%,57% 45.15%,58% 46.3%,59% 47.4%,60% 48.55%,61% 49.7%,62% 50.85%,63% 52%,64% 53.15%,65% 54.25%,66% 55.35%,67% 56.4%,68% 57.45%,69% 58.4%,70% 59.35%,71% 60.2%,72% 61.05%,73% 61.8%,74% 62.45%,75% 63.05%,76% 63.6%,77% 64.05%,78% 64.4%,79% 64.7%,80% 64.85%,81% 65%,82% 65%,83% 64.9%,84% 64.75%,85% 64.5%,86% 64.2%,87% 63.75%,88% 63.25%,89% 62.7%,90% 62.05%,91% 61.3%,92% 60.5%,93% 59.65%,94% 58.75%,95% 57.8%,96% 56.8%,97% 55.75%,98% 54.65%,99% 53.55%,100% 52.4%);height:100%;-webkit-transform:translateY(-200%) translateX(-16.5%);transform:translateY(-200%) translateX(-16.5%);width:150%;z-index:11}.info-contents{background-color:initial;padding-top:20px;-webkit-transform:translateY(-300%);transform:translateY(-300%)}@-webkit-keyframes wave{0%{-webkit-transform:translateX(-33%);transform:translateX(-33%)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-33%);transform:translateX(-33%)}}@keyframes wave{0%{-webkit-transform:translateX(-33%);transform:translateX(-33%)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-33%);transform:translateX(-33%)}}@-webkit-keyframes wave2{0%{-webkit-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%)}50%{-webkit-transform:translateX(-33%) translateY(-100%);transform:translateX(-33%) translateY(-100%)}to{-webkit-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%)}}@keyframes wave2{0%{-webkit-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%)}50%{-webkit-transform:translateX(-33%) translateY(-100%);transform:translateX(-33%) translateY(-100%)}to{-webkit-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%)}}@-webkit-keyframes wave3{0%{-webkit-transform:translateX(-16.5%) translateY(-200%);transform:translateX(-16.5%) translateY(-200%)}50%{-webkit-transform:translateX(0) translateY(-200%);transform:translateX(0) translateY(-200%)}to{-webkit-transform:translateX(-16.5%) translateY(-200%);transform:translateX(-16.5%) translateY(-200%)}}@keyframes wave3{0%{-webkit-transform:translateX(-16.5%) translateY(-200%);transform:translateX(-16.5%) translateY(-200%)}50%{-webkit-transform:translateX(0) translateY(-200%);transform:translateX(0) translateY(-200%)}to{-webkit-transform:translateX(-16.5%) translateY(-200%);transform:translateX(-16.5%) translateY(-200%)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.024abe55.css.map*/