body{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}body{margin:0;padding:0;box-sizing:border-box}.App{margin-top:75px;align-items:center;justify-content:center;width:100%;background-image:-webkit-radial-gradient(#136e85,#fff 80%)}.App,.cards{display:flex;flex-direction:row}.cards{width:50%}.introtext{font-size:80px;font-weight:700;text-align:start;color:hsla(0,0%,100%,.582)}*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}.weatherDetails{width:100%;min-height:100 vh;padding:20px 0;background:#edeef1}.container{width:100%;max-width:480px;margin:auto}.accordion{width:100%;max-width:540px;margin:18px auto;color:#fff}.accordionHeading{background:#3f475d;padding:14px 0}.accordionHeading .container{display:flex;align-items:center;justify-content:space-between}.accordionHeading p{letter-spacing:1.2px;font-weight:600}.accordionHeading span{cursor:pointer}.accordionContent{background:#383a7f;height:0;opacity:0;display:flex;overflow:hidden;transition:all .6s ease-in-out}.accordionContent.show{height:180px;opacity:1}.accordionContent p{font-size:15px;line-height:1.6}.overview{display:flex;flex-direction:row;max-width:100%}.card_wrapper,.overview{justify-content:center;text-align:center}.icontemp{background:#00b19c;background:linear-gradient(90deg,#a0d9d9,#00b19c);opacity:.7;height:60px;position:absolute;width:170px;border-top-right-radius:50px;border-bottom-right-radius:50px;margin:90px 0 0 -30px;padding:10px;z-index:1;box-shadow:5px 5px 7px 1px rgba(0,0,0,.2);align-items:center;justify-content:center;display:flex}.icontemp img{height:100px;margin-right:-10px}#icontemp{font-size:30px;margin-right:15px}.card{display:flex;width:300px;height:450px;padding:20px;margin:10% auto 10px 30px}.card,.card h1{position:relative}.card h1{z-index:2;margin-right:50px}.card span{color:#188073}#spanId{color:#000;font-size:20px}.cardHeader{display:flex;flex-direction:column}.cardHeader p{z-index:2;position:relative;margin-top:-15px;margin-left:40px;font-size:30px;font-weight:800;color:rgba(18,95,86,.9450980392156862);opacity:.65}#weather-img{background-repeat:no-repeat;background-size:fixed;height:450px;top:0;left:0;bottom:0;z-index:0;width:100%}#weather-img,.main-container{position:absolute;right:0;border-radius:0 130px 0 130px;box-shadow:-5px 5px 7px 1px rgba(0,0,0,.2)}.main-container{display:flex;flex-direction:column;background-image:linear-gradient(grey,#fff);opacity:.6;margin-right:10px;width:75%;height:95%;text-align:center}.main-container h1{font-size:30px;font-weight:800;color:rgba(18,95,86,.9450980392156862);margin-top:20px}.main-container h2{margin-top:27px;margin-left:60px;font-size:20px}.designbar{background-color:azure;position:absolute;padding:5px;height:5px;width:210px;margin-top:19px}.temp-range{align-items:flex-start;margin-top:180px;display:flex;flex-wrap:wrap;flex-direction:row}.temp-range h5{font-size:15px;text-align:right;color:rgba(22,61,63,.788235294117647);margin-left:100px;font-weight:200px}.temp-range p{font-size:22px}.weatherInfo{display:flex;text-align:end;width:100%;margin-top:15px}.weatherInfo p{font-weight:500;font-size:20px}.maxTemp{width:70%;text-align:start;color:#164e53;margin-left:5px}.procent{width:30%}.clock,.procent{margin-right:5px}.clock{text-align:right;width:100%;margin-top:-77px}
/*# sourceMappingURL=main.bf5b2dde.chunk.css.map */