*,body{margin:0}*{padding:0;box-sizing:border-box}@font-face{font-family:"SF Mono";src:url(/static/media/SF-Mono-Regular.4ff68315.otf)}@font-face{font-family:"SF Mono Light";src:url(/static/media/SF-Mono-Light.4f19b9a2.otf)}body{font-family:"SF Mono","Courier New",Courier,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#3a3a3a;font-size:18px}p{line-height:140%}h1{line-height:100%}.App{height:100vh;width:100vw}.Info{width:100%;max-width:300px;position:absolute;bottom:0;padding:40px}.temp{font-family:"SF Mono Light","Courier New",Courier,monospace;font-size:72px}.description,.temp{margin-bottom:4px}.text-blur{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.text-whoosh>.description>span{display:inline-flex;margin-right:2px}.text-whoosh>.description>span:nth-child(4n+0){transform:rotate(11deg) translateY(-3px)}.text-whoosh>.description>span:nth-child(4n+1){transform:rotate(-10deg) translateY(2px)}.text-whoosh>.description>span:nth-child(4n+2){transform:rotate(8deg) translateY(5px)}.text-whoosh>.description>span:nth-child(4n+3){transform:rotate(4deg) translateY(1px)}.Info.text-orange{color:#d15822}.Info.text-blue{color:#1b6187}.Info.text-brown{color:#935435}.Info.text-grey{color:#595959}.Info.text-white{color:#fff}.Background{position:fixed;width:100%}.middle,.top{height:25vh}.gradient .main{height:50vh}.plain .main{height:100vh}.yellow>.top{background:#fed789}.yellow>.middle{background:#fedb95}.yellow>.main{background:#fedfa1}.blue>.top{background:#b1d5e1}.blue>.middle{background:#b9d9e4}.blue>.main{background:#c1dde7}.grey>.top{background:#ebebeb}.grey>.middle{background:#f0f0f0}.grey>.main{background:#f5f5f5}.earth>.main{background:#f4e1d4}.purple>.top{background:#161459}.purple>.middle{background:#1e1c62}.purple>.main{background:#212062}.purple-haze .top{background:#424079}.purple-haze .middle{background:#484780}.purple-haze .main{background:#4b4a80}.orange>.top{background:#ff9671}.orange>.middle{background:#fb9e7d}.orange>.main{background:#f6a487}.orange-haze>.top{background:#f5c0ae}.orange-haze>.middle{background:#f5c7b7}.orange-haze>.main{background:#f4cdbe}.Loading{width:100%;height:100%;background-color:#292d3e;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#90929b}.Loading>.clouds,.Loading>p{transform:translateY(-20px)}.clouds{width:240px;height:135px;position:relative;margin-bottom:60px}.clouds>svg{position:absolute}.clouds>svg:nth-child(3){bottom:0;left:0;-webkit-animation:svg3 1.8s ease-in-out 0s infinite alternate;animation:svg3 1.8s ease-in-out 0s infinite alternate}.clouds>svg:nth-child(2){right:0;top:20px;-webkit-animation:svg2 2s ease-in-out 0s infinite alternate;animation:svg2 2s ease-in-out 0s infinite alternate}.clouds>svg:first-child{left:50px;-webkit-animation:svg1 2.2s ease-in-out 0s infinite alternate;animation:svg1 2.2s ease-in-out 0s infinite alternate}@-webkit-keyframes svg3{0%{bottom:0;left:0}to{bottom:-10px;left:-20px}}@keyframes svg3{0%{bottom:0;left:0}to{bottom:-10px;left:-20px}}@-webkit-keyframes svg2{0%{top:20px;right:0}to{top:20px;right:-20px}}@keyframes svg2{0%{top:20px;right:0}to{top:20px;right:-20px}}@-webkit-keyframes svg1{0%{top:0;left:50px}to{top:-20px;left:50px}}@keyframes svg1{0%{top:0;left:50px}to{top:-20px;left:50px}}.Graphic{width:100vw;height:100vh;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);position:fixed}.Graphic>svg{width:auto}.Clouds-1,.Clouds-2,.Clouds-3{grid-row:1/5;grid-column:12;z-index:1;justify-self:end;align-self:end}.Clouds-2{height:100%;transform:translateX(10%)}.Clouds-3{height:120%;transform:translate(40%)}.Precipitation{z-index:1;grid-row:5/8;align-self:end}.Lightning,.Precipitation{height:100%;grid-column:12;justify-self:end}.Lightning{grid-row:3/7;z-index:2;transform:translateX(-16px)}.Sun.day{grid-row:1/span 4;transform:translate(40%,-40%)}.Sun.day,.Sun.sunset{grid-column:12;justify-self:end}.Sun.sunset{grid-row:9/span 4;transform:translate(40%,40%)}.Moon{grid-row:2/span 2;grid-column:11;justify-self:end}.Sun.sunset>circle{fill:#f1787b}svg.tornado{grid-row:1/-2;grid-column-start:-3;justify-self:center}svg.volcano{grid-row:1/-1;grid-column-start:12;justify-self:end;height:100%}
/*# sourceMappingURL=main.f0ef9f40.chunk.css.map */