@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap);body{margin:0;padding:0;box-sizing:border-box;font-family:"Rubik",sans-serif!important;background:#efefef}.App,body{width:100%;height:100%}.App{background:inherit;font-family:"Rubik",sans-serif;display:block}.App .container{background-color:#f7f7f7;margin:30px;box-shadow:0 10px 10px 5px rgba(0,0,0,.25);-webkit-box-shadow:0 10px 10px 5px rgba(0,0,0,.25);min-width:250px;min-height:675px;border-radius:20px;padding:20px;-webkit-animation:forward-show-container-animation .5s;animation:forward-show-container-animation .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.App .container.hide-container{-webkit-animation:forward-hide-container-animation .5s;animation:forward-hide-container-animation .5s;display:none}.App .container.backward{-webkit-animation:backward-show-container-animation .5s;animation:backward-show-container-animation .5s}.App .container.backward.hide-container{-webkit-animation:backward-hide-container-animation .5s;animation:backward-hide-container-animation .5s;display:none}@keyframes forward-show-container-animation{0%{position:absolute;left:800px;display:none}to{position:relative;left:0;transition:left .1s,position .1s;-webkit-transition:left .1s,position .1s;-moz-transition:left .1s,position .1s;-o-transition:left .1s,position .1s;-ms-transition:left .1s,position .1s}}@keyframes forward-hide-container-animation{0%{right:0}to{position:absolute;right:800px;display:none;transition:right .1s,position .1s,display .3s;-webkit-transition:right .1s,position .1s,display .3s;-moz-transition:right .1s,position .1s,display .3s;-o-transition:right .1s,position .1s,display .3s;-ms-transition:right .1s,position .1s,display .3s}}@keyframes backward-show-container-animation{0%{position:absolute;right:800px;display:none}to{position:relative;right:0;transition:right .1s,position .1s;-webkit-transition:right .1s,position .1s;-moz-transition:right .1s,position .1s;-ms-transition:right .1s,position .1s;-o-transition:right .1s,position .1s}}@keyframes backward-hide-container-animation{0%{left:0;position:relative}to{position:absolute;left:800px;transition:left .1s,position .1s;-webkit-transition:left .1s,position .1s;-moz-transition:left .1s,position .1s;-ms-transition:left .1s,position .1s;-o-transition:left .1s,position .1s}}@-webkit-keyframes forward-show-container-animation{0%{position:absolute;left:600px;display:none}to{position:relative;left:0;-webkit-transition:left .1s,position .1s}}@-webkit-keyframes forward-hide-container-animation{0%{right:0;position:relative;display:inline}to{position:absolute;right:600px;display:none;-webkit-transition:right .1s,position .1s,display .3s}}@-webkit-keyframes backward-show-container-animation{0%{position:absolute;right:600px;display:none}to{position:relative;right:0;-webkit-transition:right .1s,position .1s}}@-webkit-keyframes backward-hide-container-animation{0%{left:0;position:relative}to{position:absolute;left:600px;-webkit-transition:left .1s,position .1s}}.hide{display:none}.container .close{background-color:#efefef;height:40px;width:40px;border-radius:10px;border:none;margin-top:-15px;margin-left:-15px;cursor:pointer}.container .close img{width:20px;height:20px;cursor:pointer}.container .heading{font-size:48px;font-weight:500}.container .question{font-size:26px;font-weight:600;margin:20px 20px 0}.container .instruction{display:flex;align-items:center;padding:5px 20px}.container .instruction p{font-size:16px;color:#555}.container .instruction img{margin:5px;width:30px;height:30px}.container .answers{display:flex;flex-wrap:wrap;justify-content:space-around;height:340px;overflow-y:auto}.container .body{display:flex;flex-wrap:wrap;min-height:500px}.container .body .chart{width:400px;height:300px}.container .body .chart .highcharts-container{background-color:#f7f7f7;width:275px!important;height:300px!important}.container .body .chart .highcharts-container svg{width:100%;height:100%}.container .body .text{margin-top:10px;font-size:14px;font-weight:400;text-align:justify;line-height:1.4}.container .body .img{margin-top:10px}.container .body .img .image-left{margin-left:25px}.container .body .img .image-right{margin-left:-65px}.container .body .img img{width:50%}.container .body .resultSection{width:100%}.container .body .resultSection .image{width:100%;text-align:center}.container .body .resultSection .image img{width:100px;height:100px}.container .body .resultSection .content{width:100%}.container .body .resultSection .content .result-title{font-size:36px;font-weight:600;text-align:center;text-transform:uppercase}.container .body .resultSection .content .result-title.Sunshine-yellow{color:#ffc107}.container .body .resultSection .content .result-title.Fiery-red{color:#ff000f}.container .body .resultSection .content .result-title.Cool-blue{color:#0038ff}.container .body .resultSection .content .result-title.Earth-green{color:#09af24}.container .body .resultSection .content .result-description{font-size:14px;font-weight:400;padding:0 5px;line-height:1.4}.container .footer{width:100%}body.Sunshine-yellow{background-color:#ffed90}body.Fiery-red{background-color:#ff9d9d}body.Cool-blue{background-color:#9acfff}body.Earth-green{background-color:#7bdc8a}.highcharts-title{font-weight:600;font-family:"Rubik",sans-serif}.highcharts-background{fill:#f7f7f7;background-color:#f7f7f7}.highcharts-legend{font-weight:400;font-family:"Rubik",sans-serif}.highcharts-legend .highcharts-legend-item{display:block}.highcharts-legend-box{width:277px;height:50px}@media screen and (min-width:800px){body{overflow:hidden}.App .container{width:750px;min-height:600px;margin:20px auto}.App .container .body .text{margin-top:5px}.App .container .body .img .image-left{margin-left:160px}.App .container .body .img .image-right{margin-left:-110px}.App .container .body .img img{width:35%}.App .container .body .resultSection .content .result-description{font-size:15px}.App .container .body .chart{width:100%;height:300px}.App .container .body .chart .highcharts-container{background-color:#f7f7f7;width:100%!important;height:100%!important}.App .container .body .chart .highcharts-container svg{width:100%;height:100%}.App .container .footer .btn{width:47%;display:block;margin:10px auto}.App .container .footer .btn.hide{display:none}}.btn{min-width:250px;width:94%;margin:10px;height:40px;border-radius:10px;border:none;font-size:16px;font-weight:600;box-shadow:none;font-family:"Rubik",sans-serif;cursor:pointer}.blue{background-color:#9acfff;color:#0038ff}.grey{color:#ff000f}.grey,.grey-blue{background-color:#efefef}.grey-blue{color:#0038ff}.checkbox{padding:7px 10px;margin:5px;border-radius:6px;background-color:#e2e2e2;text-align:center;min-width:105px;height:25px;font-family:"Rubik",sans-serif}.checkbox:active{background-color:#ffed90}.checkbox label{font-size:14px;font-weight:400}.checkbox.checked{background-color:#ffed90}@media screen and (min-width:800px){.checkbox,.checkbox label{cursor:pointer}}.radiobutton{padding:10px;margin:5px;border-radius:6px;background-color:#e2e2e2;width:300px;word-wrap:break-word;font-family:"Rubik",sans-serif;height:55px}.radiobutton label{font-size:14px;font-weight:400;line-height:1.4}.radiobutton.selected{background-color:#ffed90}@media screen and (min-width:800px){.radiobutton,.radiobutton label{cursor:pointer}}
/*# sourceMappingURL=main.ffcbb22d.chunk.css.map */