#page-2{z-index:1}#page-3 p{color:var(--violet-color)}#page-4 p{color:var(--violet-color)}#category_choice{top:13%!important}.click-button{width:100%;font-size:.6em;margin:auto;padding:10px}.button-holder{display:flex;flex-direction:column;gap:.5em}#question3{margin:.2rem}#page-1{display:flex;align-items:center}.answer-marker{height:37px;margin:8px 20px;border-radius:50%}.next-page-arrow,.previous-page-arrow{z-index:2}.green-box{left:9%;top:2%;width:86%;height:10%;line-height:1.2em}.solid-light-purple-box{position:fixed;top:33%;width:76%;left:12%;height:fit-content;padding:15px;z-index:1}.underlined-input{text-align:center;margin-bottom:.125em;width:20%;font-size:2em;border-bottom:2px solid #000;color:var(--violet-color)}.legend-container{display:flex;flex-direction:column;width:100%}#legend .legend-key{display:flex;justify-content:center;align-items:center;font-weight:700;margin:0;font-size:25px;height:40%}.legend-title{font-size:20px;height:25px;line-height:1em}#legend{position:fixed;top:15%;width:14%;left:75%;height:11%;padding:5px;z-index:1;background-color:#fff;color:var(--violet-color)}.bar-one-color{background-color:#fb3a69;flex:1}.bar-two-color{background-color:#ffcc4b;flex:1}.legend-holder{display:flex;flex-direction:row;justify-content:center;height:60%}.solid-light-purple-box.white-background{position:fixed;top:23%;width:47%;left:26%;height:fit-content;padding:15px;z-index:1;background-color:#fff}.solid-light-purple-box.white-background p{color:#000;font-size:.7em}#chart_container{height:68%;width:78%;border-left:8px solid #fff;position:absolute;top:14%;left:11%}#chart_container .x-line:first-child{border-top:4px solid #fff}#chart_container .x-line{border-bottom:4px solid #fff;height:20.1%;width:100%}#chart_container .x-label{font-size:1.9em;font-weight:600;color:#ffcc4b;position:relative;top:-25px;right:40px}#result_wrapper{position:absolute;top:96%}.column-bar{width:145px;height:0;background:#763fa1;margin:0 24px;transition:.1s linear;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation:fade-in-text 2.2s .1s forwards;-moz-animation:fade-in-text 2.2s .1s forwards;animation:fade-in-text 2.2s .1s forwards}#button-holder{position:absolute;top:78%;left:35.1%;width:12.6%}.graph-question .click-button{width:95%;height:2.75em}#bar10,#bar6,#bar7,#bar8,#bar9{display:none;background-color:#fb3a69;width:76px}#bar1,#bar2,#bar3,#bar4,#bar5{background-color:#ffcc4b}#bar1,#bar6{position:absolute;left:-1%;bottom:0}#bar2,#bar7{position:absolute;left:19.1%;bottom:0}#bar3,#bar8{position:absolute;left:39.3%;bottom:0}#bar4,#bar9{position:absolute;left:59.4%;bottom:0}#bar10,#bar5{position:absolute;left:79.6%;bottom:0}#bin_wrapper{position:absolute;top:83%;left:11%;width:82%;height:10%}#bin_wrapper #foam,#bin_wrapper #plastic_bags,#bin_wrapper #plastic_bottles,#bin_wrapper #plastic_wrappers,#bin_wrapper #straws{width:186px;height:130px;border-radius:7px;background:var(--green-color);-webkit-box-shadow:5px 5px 2px 2px #00000028;box-shadow:5px 5px 2px 2px #00000028;display:inline-block;font-size:32px;color:#fff;text-align:center;overflow:hidden;margin-right:10px;cursor:pointer;position:absolute}#plastic_bottles{left:0}#plastic_wrappers{left:19.2%}#plastic_bags{left:38.2%}#straws{left:57.2%}#foam{left:76.2%}.bin-title{line-height:1.25em}.counter{position:absolute;bottom:0;width:50px;height:43px;color:#fff;font-weight:600;text-align:center;font-size:33px;line-height:1.28em;left:69px}#page-tracker{margin:1px!important}#page-tracker li{margin:-10px 4.9px!important}.answered-tally .counter span{color:#ffcc4b}