.green-box{left:9%;top:2%;width:82%;height:10%;line-height:1.1em}.green-box-bottom{left:9%;top:12%;width:82%;height:83%;line-height:1.1em;background:0 0;display:flex;flex-direction:row}.left-container{display:flex;flex-direction:column;gap:27px;width:63%;justify-content:flex-start;z-index:0}.right-container{display:flex;width:40%;justify-content:center;align-items:flex-end;position:absolute;right:0;bottom:0;z-index:-1}.commuter-image{width:190%}.kid-image{width:205%}.gardener-image{width:195%}.textbox-container{display:flex;flex-direction:column;width:70%;height:27%;justify-content:space-evenly;align-items:center;gap:10px}.textarea-question{display:flex;flex-direction:column;width:90%;height:27%;justify-content:space-evenly;align-items:center;gap:10px;background-color:#fff;padding:12px;border-radius:25px}input,textarea{width:100%;height:100%;line-height:1.4em;background-attachment:local;background-image:repeating-linear-gradient(transparent,transparent 42px,#402f4c 43px,#402f4c 46px,transparent 46px);background-position-y:-7px;overflow:hidden;color:var(--violet-color)}.speech-bubble-1{position:absolute;top:47px;left:155px;width:250px}.neighborhood-image{width:50%}.neighborhood-container{position:relative;bottom:0;left:0;width:100%;height:auto;border:5px solid #fff;border-radius:.5em}.neighborhood-flood{visibility:hidden}.speech-bubble-2{position:absolute;top:10px;left:410px;width:300px}.speech-bubble-3{position:absolute;top:125px;left:540px;width:210px}.commuter-box,.gardener-box,.kid-box{top:0;left:0;font-size:.8em;width:80%}.question-marker-commuter-box{background-color:var(--yellow-color);border:5px solid #fff;border-radius:100%;position:absolute;width:45px;display:flex;justify-content:center;left:145px}.question-marker-kid-box{background-color:var(--yellow-color);border:5px solid #fff;border-radius:100%;position:absolute;width:45px;display:flex;justify-content:center;left:500px}.question-marker-gardener-box{background-color:var(--yellow-color);border:5px solid #fff;border-radius:100%;position:absolute;width:45px;display:flex;justify-content:center;left:815px}span.draggable-text{background-color:#00c085}.flooding-text,.flooding-text-2,.heat-text,.heat-text-2,.pollution-text,.pollution-text-2{position:absolute;font-size:.6em;color:var(--violet-color);height:20px;display:flex;align-items:center}.heat-text{left:208px;top:155px}.pollution-text{left:566px;top:246px}.flooding-text{left:631px;top:69px}.flooding-text-2{left:208px;top:119px}.heat-text-2{left:589px;top:188px}.pollution-text-2{left:568px;top:69px}textarea{background-position-y:0}.textbox-container>div{width:95%;height:80px;display:flex;justify-content:center;align-items:center;font-size:2.5rem}.textbox-container div:nth-child(1){background:var(--pink-color)}.textbox-container div:nth-child(2){background:var(--yellow-color)}.textbox-container div:nth-child(3){background:var(--blue-color)}.textbox-container div:nth-child(4){background:var(--purple-color)}.dropzone{width:100%;height:100%;position:absolute;top:0;left:0}.image-container{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;height:100%}.solid-light-purple-box{position:fixed;top:33%;width:76%;left:12%}.bubble .name{font-size:.5em}.answer-marker{width:35px;margin:0 10px}.neighborhood-container .community-block{display:none}p.bubble{position:relative;text-align:left;line-height:1em;background-color:#fff;border:8px solid #333;border-radius:.5em;padding:0 .5em .25em .5em;color:var(--violet-color)}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: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{right:0;bottom:-50px;border:25px solid;transform:scaleX(-1)}p.speech:after{right:12px;bottom:-29px;border:15px solid;border-color:#fff transparent transparent #fff;transform:scaleX(-1)}