.click-button.green{background-color:#22baa3}.click-button.purple{background-color:#763fa1}.click-button.blue{background-color:#0d81a9}.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%}#page-3 p{color:var(--violet-color);margin:0}.yellow-box{position:absolute;background-color:#ffcc4b;left:9%;width:82%;height:20%;line-height:1.1em;border-radius:1em}.bottom.yellow-box{top:37%}.top.yellow-box{top:14%}.button-holder{display:flex;flex-direction:column;gap:.2em}.click-button{width:100%;font-size:.6em;margin:auto;padding:5px}.solid-light-purple-box.white-background{position:fixed;top:59%;width:77%;left:12%;height:fit-content;padding:15px;z-index:1;background-color:#fff}.solid-light-purple-box.white-background p{color:#000;font-size:.7em}#holder-1{display:flex;justify-content:flex-start;align-items:center;width:95%;height:80%;margin:auto}.yellow-box .title{color:var(--violet-color);font-weight:700;font-size:2em;height:20%;display:flex;align-items:center;padding:10px}.answer-marker{height:37px;margin:8px 20px;border-radius:50%}#holder-1 .image-box{display:flex;justify-content:center;align-items:center;width:12%;height:auto}#holder-1 .image-box img{display:flex;flex:1;max-width:100%;max-height:100%;margin:0}.image-box img{top:0;left:0;position:relative;width:100%;height:100%}#holder-1 .image-box.plankton{width:7%}