.green-box{left:9%;top:2%;width:82%;height:16%;line-height:1.1em;letter-spacing:0}.image-container{user-select:none}.green-box p{padding-top:.6em}.solid-blue-box{box-shadow:5px 5px 2px 2px #00000028;border-top:2px outset #402F4C80;border-left:1px outset #402F4C80;border-bottom:1px outset #402F4C80;letter-spacing:.3px}.ui-droppable-hover{background-color:#fffFFF60}.commuter-image{width:44%;position:absolute;left:0}.kid-image{width:45%;position:absolute;left:27%}.gardener-image{width:43%;position:absolute;left:64%}div.first-group{width:0}div.second-group{width:0}.bubble .name{font-size:.5em}p.bubble{position:absolute;text-align:left;line-height:1em;background-color:#fff;border:8px solid #333;border-radius:.5em;padding:0 .5em .25em .5em;visibility:visible}.red-box{background-color:rgba(251,58,105,.5)}.purple-box{background-color:rgba(118,63,161,.5)}.blue-box{background-color:rgba(13,129,169,.5)}.lightgreen-box{background-color:rgba(34,186,163,.5)}.yellow-box{background-color:rgba(255,204,75,.5)}p.bubble.red{border-color:var(--pink-color)}p.bubble.blue{border-color:var(--blue-color)}p.bubble.green{border-color:#319391}p.bubble.yellow{border-color:#ffcc4b}p.bubble{color:var(--violet-color)}p.bubble:after,p.bubble:before{content:' ';position:absolute;width:0;height:0}p.speech.blue:before{border-color:var(--blue-color) transparent transparent var(--blue-color)}p.speech.red:before{border-color:var(--pink-color) transparent transparent var(--pink-color)}p.speech.yellow:before{border-color:#ffcc4b transparent transparent #ffcc4b}p.speech.green:before{border-color:#319391 transparent transparent #319391}p.speech:before{left:55px;bottom:-52px;border:25px solid}[data-question-value=page1-3]{position:absolute;top:-526px;left:237px}.first-group,.second-group{display:none}p.gardener-box.speech:before{transform:rotate(90deg);left:230px}p.gardener-box.speech:after{transform:rotate(90deg);left:240px}p.speech:after{left:64px;bottom:-29px;border:15px solid;border-color:#fff transparent transparent #fff}.commuter-box{top:40px;left:270px;font-size:1.6em;width:500px;height:fit-content}.gardener-box{top:30px;left:410px;font-size:1.6em;width:404px;height:fit-content}.kid-box{top:30px;left:538px;font-size:1.6em;width:250px;height:fit-content}.image-container{display:flex;align-items:flex-end;justify-content:space-between;position:absolute;top:15%;left:9%;width:82%;height:55%}.title-box{display:flex;justify-content:center;font-size:1.5rem;align-items:center;height:15%;color:#fff;text-transform:uppercase;font-weight:700}.green-box-bottom{left:9%;top:70%;width:82%;height:80%;line-height:1.1em;position:absolute}.first-group-container,.second-group-container{position:absolute;top:0;left:0}.title-box-top{line-height:3.2rem;margin:.1em!important}.grey-cover{background:#796d82}.textbox-container{display:flex;flex-direction:row;height:250px;gap:13px;background:#c1bf7d80;padding:10px}.textbox-container>div{width:19%;position:relative}.solid-blue-box,.solid-light-green-box,.solid-light-purple-box{left:9%;width:15%;height:20%;font-size:1em;line-height:.75em;text-align:left;display:flex;align-items:center}.solid-blue-box .fill-in-area,.solid-light-green-box .fill-in-area,.solid-light-purple-box .fill-in-area{margin:0 .5em;line-height:1.3em}.solid-light-green-box{top:21%}.solid-blue-box{top:42.5%}.solid-light-purple-box{top:64.3%}.word-holder-container{top:85%;position:absolute;width:80%;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;left:10%}.title-box-top{padding:0!important}span.question-marker{position:relative;display:inline-flex}.word-holder{display:flex;flex-direction:row;height:10%}[data-question-value=heat-1]{position:absolute;top:-600px;left:580px}[data-question-value=pollution-1]{position:absolute;top:-532px;left:590px}[data-question-value=flooding-1]{position:absolute;top:-583px;left:552px}[data-question-value=heat-2]{position:absolute;top:-557px;left:607px}[data-question-value=flooding-2]{position:absolute;top:-532px;left:609px}[data-question-value=pollution-2]{position:absolute;top:-573px;left:274px}.word{background-color:#796d82;text-align:center;color:#fff;font-size:1.6em;display:none;line-height:1.1em;margin:.15em;padding-bottom:1.1em;height:20px;cursor:grab}#page-1 img,#page-2 img,#page-3 img{float:left;margin:.5em;margin:0;z-index:0}.word{width:fit-content}.word-blank.long,.word-holder.long,.word.long{width:385px}#page-1-holder{top:45%}#page-2-holder{top:62.3%}#page-3-holder{top:87.2%}.question-marker{background-color:#ffcc4b;border:5px solid #fff;border-radius:100%;position:absolute;width:55px;height:55px;display:flex;justify-content:center;align-items:center;font-size:2.5rem;color:#fff;font-weight:700;z-index:1;cursor:pointer}.question-marker-commuter{left:7%;top:20%}.question-marker-kid{left:55%;top:49%}.question-marker-gardener{left:89%;top:45%}.question-marker-commuter-second{left:30%;top:40%}.question-marker-kid-second{left:38%;top:49%}.question-marker-gardener-second{left:66%;top:45%}.dropzone{display:flex;height:85%;width:100%;justify-content:flex-start;align-items:center;flex-direction:column}.placed{top:0;left:0;position:relative}#heat div{background-color:rgba(251,58,105,.5)}#pollution div{background-color:rgba(118,63,161,.5)}#flooding div{background-color:rgba(13,129,169,.5)}.ui-draggable-dragging{opacity:.5}