@import url(https://fonts.googleapis.com/css2?family=Epilogue:wght@300;400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.status-card{background-color:var(--background);border-radius:20px;box-shadow:18px 18px 36px var(--shadow-dark),-18px -18px 36px var(--shadow-light);height:var(--status-height);margin-bottom:50px;overflow:hidden;padding:20px;position:relative;width:100%}.mood-ellipse{align-items:center;background:var(--red);border-radius:50%;display:flex;height:calc(var(--status-height)*2);left:105%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--status-height)*2)}.mood-ellipse img{margin-left:90px}.status-message{align-items:center;display:flex}.status-circle{background:var(--red);border-radius:50%;height:21px;margin-right:5px;width:21px}.aqi{margin:30px 0}.aqi-heading,.pollutant-heading{margin-bottom:5px}.weather-card{background-color:var(--background);border-radius:20px;box-shadow:18px 18px 36px var(--shadow-dark),-18px -18px 36px var(--shadow-light);height:var(--weather-height);justify-content:space-between;overflow:hidden;padding:20px;position:relative;width:100%}.weather-card,.weather-ellipse{align-items:center;display:flex}.weather-ellipse{background:var(--yellow);border-radius:50%;height:calc(var(--weather-height)*2.1);left:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--weather-height)*2.1);z-index:0}.temperature{align-items:center;display:flex;position:relative;z-index:1}.temp-value{margin-left:10px;margin-top:10px}.details{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:100%}.detail{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.detail-heading{margin-bottom:10px}.detail img{height:20px;transition:2s}.Preview{background-image:url(/static/media/midnight.d13ba263d123aa33ef81.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;height:100%;position:relative}.shadow{box-shadow:inset 25px 25px 40px var(--preview-shadow);position:absolute;top:0}.fog,.shadow{border-radius:20px;height:100%;width:100%}.fog{overflow:hidden;position:relative}.fog img{display:block;height:100%;position:absolute}.fog1{animation:top 100s linear infinite;top:-50%;transform:translateX(550px)}.fog2{animation:middle 120s linear infinite;top:50%;transform:translate(550px,-50%)}.fog3{animation:bottom 80s linear 2s infinite;bottom:0;transform:translateX(1000px)}@keyframes bottom{0%{transform:translateX(550px)}to{transform:translateX(-100%)}}@keyframes middle{0%{transform:translate(550px,-50%)}to{transform:translate(-100%,-50%)}}@keyframes top{0%{transform:translateX(550px)}to{transform:translateX(-100%)}}.Loading{background:var(--background);height:100vh;opacity:1;padding:50px;position:absolute;text-align:center;top:0;width:100%;z-index:11112}.outer-circle{box-shadow:inset 18px 18px 36px var(--shadow-dark),inset -18px -18px 36px var(--shadow-light);height:300px;width:300px}.inner-circle,.outer-circle{background:var(--background);border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.inner-circle{align-items:center;box-shadow:18px 18px 36px var(--shadow-dark),-18px -18px 36px var(--shadow-light);display:flex;height:200px;justify-content:center;width:200px}svg{height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:300px}.progress{fill:none;stroke:var(--red);stroke-dasharray:785 785;stroke-dashoffset:785;stroke-linecap:round;stroke-width:40px;transition:stroke-dashoffset 3.5s ease-in-out}.percentage{color:var(--primary);font-family:Epilogue;font-size:42px}@font-face{font-family:FA light;src:url(/static/media/Light.38ffd936b213aebbd0a3.otf)}@font-face{font-family:FA solid;src:url(/static/media/Solid.ee0c99f4227f8972ecba.otf)}@font-face{font-family:FA brands;src:url(/static/media/Brands.4830341155f03a80c6a2.otf)}:root{--status-height:290px;--weather-height:185px}.light{--secondary:#858585;--primary:#2e2e2e;--temp-color:#2e2e2e;--background:#ecf0f3;--shadow-light:#fff;--shadow-dark:#c9cccf;--shadow-light-hide:#fff0;--shadow-dark-hide:#c9cccf00;--preview-shadow:#00000080;--red:#ffa0a0;--orange:#ffe5b2;--yellow:#fffcb2;--green:#c2ffb8;--red-light:#ffb8b8;--red-dark:#d98888;--orange-light:#ffffcd;--orange-dark:#d9c397;--yellow-light:#ffffcd;--yellow-dark:#d9d697;--green-light:#dfffd4;--green-dark:#a5d99c;--storm:#dedede;--cold:#d2fcff}.dark{--secondary:#fff9;--primary:#ffffffde;--temp-color:#292d32;--background:#292d32;--shadow-light:#2f343a;--shadow-dark:#23262b;--shadow-light-hide:#2f343a00;--shadow-dark-hide:#23262b00;--preview-shadow:#000000b3;--red:#bf4040;--orange:#cc9833;--yellow:#ccc733;--green:#52bf40;--red-light:#dc4c4c;--red-dark:#672222;--orange-light:#ebaf3b;--orange-dark:#6e521b;--yellow-light:#ebe53b;--yellow-dark:#6e6c1b;--green-light:#5edc4a;--green-dark:#2d6722;--storm:#8f8f8f;--cold:#33c2cc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Epilogue,sans-serif;font-weight:300}.App{background:var(--background);min-height:100vh;transition:all .3s;width:100%}.logo{color:var(--primary);font-size:42px;font-weight:300;text-transform:capitalize}.subheading{color:var(--secondary);font-size:32px;font-weight:300;margin-bottom:20px}.sec-heading{color:var(--secondary);font-size:18px;font-weight:400;line-height:18px}.value-bold{color:var(--primary);font-size:42px;font-weight:700}.value-regular{color:var(--primary);font-size:24px;font-weight:400}.socials{color:var(--secondary);font-size:14px;font-weight:300}.temp-value{font-weight:700}.icon,.temp-value{color:var(--temp-color);font-size:42px}.icon{font-family:FA light;line-height:42px}.menu-button .menu-icon{color:var(--secondary);cursor:pointer;font-family:FA light;font-size:32px;line-height:32px;padding-right:2px}.arrow{color:var(--primary);font-family:FA solid;font-size:24px}.social .github-icon{color:var(--secondary);font-family:FA brands;font-size:24px;margin-right:5px;transition:.3s}.switch-button{color:var(--secondary);font-family:FA solid;font-size:16px}.container{display:flex;justify-content:space-between;margin:0 auto;max-width:1100px;width:100%}.column{width:50%}.cards{width:45%}.preview{margin-right:5%}header{margin:0 auto;max-width:1100px;padding:50px 0;width:100%}.menu-button,header{align-items:center;display:flex;justify-content:space-between}.menu-button{background:var(--background);border-radius:50px;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light),inset 6px 6px 12px var(--shadow-dark-hide),inset -6px -6px 12px var(--shadow-light-hide);height:62px;padding:0 15px;transition:all .3s;width:62px}.menu-button:hover,.opened{box-shadow:6px 6px 12px var(--shadow-dark-hide),-6px -6px 12px var(--shadow-light-hide),inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)}.opened{width:155px}.switch{background:var(--background);border-radius:30px;box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light);cursor:pointer;height:30px;opacity:0;pointer-events:none;position:relative;transition:.3s;width:60px}.opened .switch{opacity:1;pointer-events:auto}.switch-button{align-items:center;background:var(--background);border-radius:50%;box-shadow:3px 3px 7px var(--shadow-dark),-3px -3px 7px var(--shadow-light);display:flex;height:34px;justify-content:center;position:absolute;top:50%;transform:translate(-4px,-50%);transition:.3s;width:34px}.changed .switch-button{transform:translate(calc(100% - 4px),-50%)}footer{justify-content:center;padding:100px 0;width:100%}.social,footer{align-items:center;display:flex}.social{color:var(--secondary);font-size:16px;font-weight:300;line-height:16px;text-align:center;text-decoration:none;transition:.3s}.social:hover,.social:hover .github-icon{color:var(--primary)}@media (max-width:1145px){.cards{display:flex;width:100%}.preview{display:none}.container{display:block}header{padding:50px 20px}.Status,.Weather{margin:0 2.5%;width:47.5%}.subheading{font-size:24px}.status-card{align-items:center;display:flex;flex-direction:column;height:auto}.mood-ellipse{align-items:flex-end;justify-content:center;left:50%;top:0}.mood-ellipse img{margin-bottom:60px;margin-left:0}.status-message{margin-top:calc(var(--status-height) + 20px)}.pollution-row{justify-content:space-around;padding-bottom:30px;width:100%}.pollution-row,.weather-card{align-items:center;display:flex}.weather-card{flex-direction:column;height:auto}.weather-ellipse{align-items:flex-end;height:calc(var(--status-height)*2);justify-content:center;left:50%;top:-100px;width:calc(var(--status-height)*2)}.temperature{margin-top:20px}.details{column-gap:30px;margin-top:150px;row-gap:30px}footer{padding:50px 0}}@media (max-width:750px){.App{height:auto}.cards{flex-direction:column}.Status,.Weather{margin:0 0 50px;padding:0 20px;width:100%}}
/*# sourceMappingURL=main.0bd7d720.css.map*/