@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap);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}.App,body{margin:0;padding:0;box-sizing:border-box}.App{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:100%;-webkit-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-webkit-flex-direction:row;flex-direction:row}body{font-family:"Quicksand",sans-serif}.overview{max-width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row;flex-direction:row;margin-bottom:50px}.card_wrapper{text-align:center}.card{box-sizing:border-box;position:relative;width:600px;height:300px;padding:20px;margin:5% auto auto 30px}.card,.main-container{font-family:"Quicksand",sans-serif}.main-container{padding:10px;position:absolute;background-color:hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40%;right:20px;border:1px solid hsla(0,0%,100%,.1);box-shadow:20px 20px 22px rgba(0,0,0,.2);z-index:2;top:-10px;overflow:hidden}.title{font-weight:800;font-size:25px;width:100%}.main-container p,.title{font-family:"Quicksand",sans-serif}.main-container p{font-size:15px}.temp-range span{font-weight:800}.temp-range,.temp-range span{font-family:"Quicksand",sans-serif}.temp-range{margin-top:14px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;padding:10px}.main-container h2,.main-container h3{font-family:"Quicksand",sans-serif}.main-container h3{font-size:35px}.main-container .title span{color:rgba(0,0,0,.342);font-size:20px}.main-container .title span,.temp h4{font-family:"Quicksand",sans-serif}#weather-img{border-radius:10px;background-repeat:no-repeat;background-size:fixed;height:350px;position:absolute;top:-20px;left:0;right:0;bottom:0;z-index:0;opacity:.8;width:100%}.weather__icon{height:100px;background-color:rgba(55,141,216,0);width:100px;color:#fff;-webkit-animation:scale 6s infinite;animation:scale 6s infinite;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-direction:alternate;animation-direction:alternate;opacity:.7}@-webkit-keyframes scale{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes scale{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.main-container1{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:40%;height:auto;border:1px solid hsla(0,0%,100%,.1);box-shadow:20px 20px 22px rgba(0,0,0,.2);z-index:1;overflow:hidden;text-align:left}*,.main-container1{font-family:"Quicksand",sans-serif}*{box-sizing:border-box;margin:0;padding:0}.weatherdetail{position:relative;bottom:-50px}.weatherDetails{width:100%;min-height:50vh;padding:10px 0;background:#edeef1}.container{width:100%;margin:auto;color:#000}.accordion{width:100%;background-color:red}.accordionHeading{background:#9baacc;padding:0 25px;max-width:300px}.accordionHeading .container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.accordionHeading p{letter-spacing:1.2px;font-weight:600}.accordionHeading span{cursor:pointer}.accordionContent{background:#fff;height:0;opacity:0;display:-webkit-flex;display:flex;overflow:hidden;transition:all .6s ease-in-out}.accordionContent.show{height:130px;opacity:1}.accordionContent p{font-size:15px;line-height:1.6}.table{width:100%;border:1px solid #000}.table th{text-align:left}.tbody{width:100%;-webkit-justify-content:space-around;justify-content:space-around}thead{display:table-header-group;vertical-align:middle;border-color:inherit}.detail_icon{display:inline-block;height:50px;width:50px}.detail_icon2{-webkit-animation:rotate 6s infinite;animation:rotate 6s infinite;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes rotate{0%{-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes rotate{0%{-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}.hidden{display:none}
/*# sourceMappingURL=main.ab7dad9c.chunk.css.map */