.green-box{left:9%;top:2%;width:82%;height:10%;line-height:1.1em}.solid-light-purple-box{position:fixed;top:33%;width:76%;left:12%}.meter-sketch.second-page,.meter-sketch.third-page{z-index:5}.main-box{left:9%;top:13%;width:82%;height:65%;line-height:1.1em;margin:auto;position:absolute;background:#c1bf7d80;display:flex;justify-content:center}.background-red{position:absolute;width:50px;height:155px;right:0;top:39px;background-color:#fb3a69;display:none;z-index:3}.background-white{position:absolute;width:50px;height:180px;right:0;top:0;background-color:#fff;display:none}.background-yellow{position:absolute;width:50px;height:192px;right:0;top:0;background-color:#ffcc4b;display:none}.background-blue{position:absolute;width:50px;height:165px;right:0;top:30px;background-color:#0d81a9;display:none;z-index:3}.background-none{display:none}.arrow-white{width:20px;height:20px;z-index:0;position:absolute;right:5px;top:10px}.neighborhood{width:100%}.image-middle-container{position:relative;display:flex;justify-content:center}.green-bottom-full-box{left:115px;top:80%;width:82%;height:16%;line-height:1.1em;margin:auto;position:absolute;display:flex;justify-content:center;flex-direction:column;background-color:#297190}.meter-sketch{position:absolute;width:50px;right:0;display:none}.green-bottom-box{left:0;top:80%;width:60%;height:15%;line-height:1.1em;margin:auto;position:absolute;background:#c1bf7d80;display:flex;justify-content:center;flex-direction:column}.green-bottom-right-box{left:61%;top:80%;width:37%;height:15%;line-height:1.1em;margin:auto;position:absolute;background:#c1bf7d80}.neighborhood-container{position:relative;top:0;left:0;width:100%;height:100%;z-index:0;border:5px solid #fff;border-radius:.5em}.neighborhood-busstop,.neighborhood-flood,.neighborhood-noidlingsign,.neighborhood-rainbarrel,.neighborhood-roofgarden,.neighborhood-schoolbuildingreflectiveroof,.neighborhood-streetbikelane,.neighborhood-streettree,.neighborhood-streettreethree,.neighborhood-streettreetwo{visibility:hidden}.visible-show{visibility:visible!important}.visible-hidden{visibility:hidden!important}.neighborhood-flood{z-index:1}.neighborhood-schoolbus{z-index:2}.neighborhood-noidlingsign{z-index:2}.title-container{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#fff;height:10%}.image-container{display:flex;justify-content:center;align-items:center;height:80%}.street-tree-container{display:none}.roof-garden-container{display:none}.rain-barrel-container{display:none}.bus-stop-container{display:none}.noidling-sign-container{display:none}.reflective-paint-container{display:none}.grass-container{display:none}.image-container img{width:110px;cursor:pointer}.street-tree-placed{position:absolute;top:134px;width:160px}.roof-garden-placed{position:absolute;top:-6px;width:50px}.rain-barrel-placed{position:absolute;top:150px;width:75px}.bus-stop-placed{position:absolute;top:150px;width:160px}.noidling-sign-placed{position:absolute;top:320px;width:150px}.grass-placed{position:absolute;top:490px;width:373px;height:133px;background-color:#3ab69a;transform:skew(-26deg)}.reflective-paint-placed{position:absolute;background-color:#fff}.image-container-full{display:flex;justify-content:center;align-items:center;height:100%}.image-container-full img{width:140px;cursor:pointer}.table-container{display:flex;flex-direction:row}.answer-container,.check-container{display:flex;flex-direction:column;width:50%}.answer-container div{display:flex;justify-content:center;align-items:center;height:16.4%;border-bottom:2px solid #fff;color:#fff;font-size:1.3rem}.check-container div{display:flex;justify-content:flex-end;align-items:center;height:16.4%;border-bottom:2px solid #fff;border-right:2px solid #fff;padding-right:5px;color:#fff;font-size:1.3rem}