body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container-fluid{background:#03001e;background:linear-gradient(180deg,#03001e,#7303c0,#ec38bc,#fdeff9)}.frontcard{position:relative;background:#00c3ff;background:linear-gradient(180deg,#ffff1c,#00c3ff);border-radius:2px;box-shadow:0 5px 8px 5px grey;border:2px solid #41cf7c}.frontcard .city{color:rgba(165,42,42,.534);text-shadow:0 2px 2px #080808;font-weight:700}.date{color:#4144e1;font-weight:600}.leftparameter{font-weight:600;font-size:120%;color:#360303;font-family:monospace}.leftvalue{font-weight:550;font-size:80%;color:#2724bd;font-family:cursive}.temperature{color:red;font-weight:700;text-shadow:1px 2px 1px #ff0}.description{color:#27462a;font-weight:500;font-family:monospace}.rightparameter{font-weight:600;font-size:120%;color:#360303;font-family:monospace}.rightvalue{font-weight:550;font-size:80%;color:#2724bd;font-family:cursive}.forecast{font-weight:500;color:#8b4513;border-radius:5px;box-shadow:0 0 5px 1px #b48989;border:thin solid #0051ff}.more{font-weight:500;border-radius:6px;box-shadow:inset 0 1px 0 0 #a6827e;border:1px solid #54381e;background-color:#7d5d3b}@media (min-width:900px){.frontcard{font-size:150%}}.mainicon{padding:0;margin-left:10%}.detail{transition:all 1s ease-in-out;background:linear-gradient(#fff,grey);border:solid;border-width:thin;width:80%}.detail .col{font-weight:500;padding-right:0;margin-right:0;padding-left:3%}.detail button{font-weight:700;border-radius:8px}.sk-circle{margin:100px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s ease-in-out infinite both;animation:sk-circleBounceDelay 1.2s ease-in-out infinite both}.sk-circle .sk-circle2{transform:rotate(30deg)}.sk-circle .sk-circle3{transform:rotate(60deg)}.sk-circle .sk-circle4{transform:rotate(90deg)}.sk-circle .sk-circle5{transform:rotate(120deg)}.sk-circle .sk-circle6{transform:rotate(150deg)}.sk-circle .sk-circle7{transform:rotate(180deg)}.sk-circle .sk-circle8{transform:rotate(210deg)}.sk-circle .sk-circle9{transform:rotate(240deg)}.sk-circle .sk-circle10{transform:rotate(270deg)}.sk-circle .sk-circle11{transform:rotate(300deg)}.sk-circle .sk-circle12{transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.fcards{background:#00c3ff;background:linear-gradient(180deg,#ffff1c,#00c3ff);border-radius:2px;box-shadow:0 0 5px 1px grey}.fcards h4{font-weight:700;color:#3f1a1a}.fcards h{color:red;font-weight:700;text-shadow:1px 2px 1px #ff0}.fcards .description{font-weight:700;font-size:140%}.fa{color:red;cursor:pointer}
/*# sourceMappingURL=main.2047ed1b.chunk.css.map */