body{background:#154eb7;background:linear-gradient(315deg,#154eb7,#fff5b8);background:-webkit-linear-gradient(315deg,#154eb7,#fff5b8);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#154DB5",endColorstr="#FFF5B6",GradientType=1);font-family:Mukta,sans-serif;height:100vh;width:100%}.App{display:flex;flex-direction:row;gap:6rem;margin:0 auto;padding:6rem 10rem}.map path:hover{fill:#fa4b0bfa;box-shadow:2px 4px 10px 2px #000;cursor:pointer}.map{fill:rgba(59,5,57,.164);background-color:hsla(0,0%,100%,0);width:90vh}.data-panel{align-items:center;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;height:43rem;width:30rem}.fas{color:#ff4500;margin-top:2rem}.location-icon{height:auto;margin-bottom:-.7rem;margin-top:5px;width:2.5rem}.location{font-size:30px;font-weight:bolder;margin-left:.5rem}.city{font-size:28px}.pick-message{color:#ec784a;font-size:16px;font-style:italic;margin-bottom:1.3rem}.peakpower{margin-bottom:.5rem;margin-top:2rem}.custom-inputs{bottom:30%;display:flex;flex-direction:column;margin-left:16.3rem;position:absolute;transition:1s ease-in-out}.azimuth{margin-left:2rem}.inclination{margin-left:1rem}.user-input{border:0 solid;border-bottom:2px solid #ff4500;font-family:Mukta,sans-serif;font-size:21px;font-weight:bolder;height:1.2rem;padding:0;text-align:center;width:3rem}.user-input:focus{outline:none}.description{color:gray;font-size:16px;font-weight:lighter;margin-bottom:1rem;text-align:center;width:20rem}.optimal-custom{display:flex;flex-direction:row-reverse;height:2.6rem}.option-button{background-color:#fff;border:0;border-bottom:5px solid #70707062;color:#424242;font-family:Mukta,sans-serif;font-size:18px;height:2.5rem;margin-left:1rem;padding-bottom:0;transition:.2s ease-in-out;width:5.2rem}.active,.option-button:hover{color:#353535;cursor:pointer}.active{border-bottom:5px solid #ff4500}img{height:13rem;width:auto}.show-results{background-color:#ff4500;border:0;box-shadow:0 3px 7px 1px #e9a187;color:#fff;font-family:Mukta,sans-serif;font-size:18px;margin-left:1rem;margin-top:1rem;padding:.4rem 1.3rem;-webkit-transform:translateY(100%);transform:translateY(100%);transition:.2s ease-in-out}.show-results:hover{background-color:#ce3304;box-shadow:0 0 0 0 #e9a187;color:#fff;cursor:pointer}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border-right:4px solid transparent;border-top:4px solid #fff;display:inline-block;margin-top:4rem}.loader,.loader:after{border-radius:50%;box-sizing:border-box;height:48px;width:48px}.loader:after{border-bottom:4px solid #ff3d00;border-left:4px solid transparent;content:"";left:0;position:absolute;top:0}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.results{border-radius:20px;height:40rem;width:30%}.summar-results,.warnings{display:flex;flex-direction:column}.warnings{align-items:center;bottom:5%;color:#ff0606;font-style:italic;position:absolute}.results{background-color:#fff;border-radius:40px;display:flex;flex-direction:row-reverse;gap:3rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:3rem auto 0;padding:0 5rem 7rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.results-title{font-size:32px;left:50%;margin-top:5rem;position:absolute;top:2%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.location-energy-icon{height:auto;left:-2rem;margin-bottom:-.7rem;margin-top:5px;position:absolute;top:-3.5rem;width:2.3rem}.location-output{display:flex;flex-direction:row;left:20%;position:absolute;top:10%}.city-output{font-family:Mukta,sans-serif;font-size:22px;margin-left:1rem;margin-top:2rem}.system-output{display:flex;flex-direction:row;left:20%;position:absolute;top:19%}.fa-bolt{color:#ff4500}.peak-output{font-family:Mukta,sans-serif;font-size:22px;margin-left:1rem}.peak-value{color:#474747;font-size:25px;font-weight:bolder;margin-left:.4rem}.diagram-back{display:flex;flex-direction:column}.back,.diagram-back{align-items:center;justify-content:center}.back{height:3rem;margin-top:5rem;width:7.5rem}.info{display:flex;flex-direction:column;margin-top:6rem}.annual-energy-title{font-size:20px;margin-left:3rem}.annual-energy{height:10rem;margin-bottom:7rem;margin-left:6rem;position:relative;width:16rem}.annual-energy-output{font-size:24px;font-weight:bolder;left:1.6rem;padding:.7rem;position:absolute;text-align:center;top:1.3rem;width:4rem}.annual-energy-circle{position:absolute}circle{fill:none;stroke-width:1.05rem;stroke-dasharray:440,0;stroke-dashoffset:-440;stroke:url(#GradientColor);-webkit-animation:circleLoading 2.5s linear forwards;animation:circleLoading 2.5s linear forwards}@-webkit-keyframes circleLoading{0%{stroke-dasharray:0,440}to{stroke-dasharray:440,0}}@keyframes circleLoading{0%{stroke-dasharray:0,440}to{stroke-dasharray:440,0}}.outputs{font-size:22px;gap:1rem;width:19rem}ul{list-style-type:none}ul li:before{color:#ff4500;content:"\25B6";font-weight:bolder;font:size 21px;margin-right:1rem}.output-angle{color:#474747;font-size:25px;font-weight:bolder}.azi,.inc{margin-left:.2rem}.panel-animation{height:12rem;margin-top:-2rem;position:relative;width:12rem}.sun{height:auto;position:absolute;right:-40%;top:-30%;width:5rem}.blue-bar{-webkit-animation:inclination 3s ease-in-out forwards;animation:inclination 3s ease-in-out forwards;background-color:#2857af;border-right:5px solid #949494;bottom:25%;height:12rem;width:.7rem;z-index:2}.blue-bar,.gray-bar{position:absolute;right:14%}.gray-bar{background-color:#797979;bottom:16%;height:7rem;width:.5rem;z-index:1}.brown-bar{background-color:#8d581b;bottom:10%;height:1rem;left:30%;position:absolute;width:14rem;z-index:3}.support-bar{background-color:#969696;border-radius:12px;bottom:12%;height:2rem;position:absolute;right:1%;width:3.5rem;z-index:2}.monthly-results{box-sizing:border-box;display:flex;flex-direction:row;gap:.5rem;height:35rem;padding:0 2rem;padding-top:10rem;text-align:center}.month-diagram{-webkit-animation:bar-height 2s ease-in-out forwards;animation:bar-height 2s ease-in-out forwards;background-color:#fff;z-index:2}.month-diagram,.month-diagram-empty{position:absolute;top:27.5%;width:2rem}.month-diagram-empty{background-color:#ff4500;height:25rem;z-index:1}.month-name{-webkit-animation:monthtop 2s ease-in-out forwards;animation:monthtop 2s ease-in-out forwards;left:50%;margin-left:-.7rem;margin-top:-1.5rem;position:absolute}@-webkit-keyframes monthtop{0%{top:20rem}to{top:var(--bar-height)}}@keyframes monthtop{0%{top:20rem}to{top:var(--bar-height)}}.month-output{bottom:-3rem;left:-2.3rem;position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@-webkit-keyframes inclination{0%{-webkit-transform:rotate(70deg);transform:rotate(70deg)}to{-webkit-transform:var(--bar-inclination);transform:var(--bar-inclination)}}@keyframes inclination{0%{-webkit-transform:rotate(70deg);transform:rotate(70deg)}to{-webkit-transform:var(--bar-inclination);transform:var(--bar-inclination)}}@-webkit-keyframes bar-height{0%{height:20rem}to{height:var(--bar-height)}}@keyframes bar-height{0%{height:20rem}to{height:var(--bar-height)}}
/*# sourceMappingURL=main.e022948b.css.map*/