body{background-color:#ffffeb}.debugging_text{color:purple}a{color:purple;font-weight:700}li{margin-top:1vh;margin-bottom:1vh}#family-pannel{margin:1vw}.first-option-line{font-weight:700}#family-select{background-color:#f7f4ff;border:4px solid #CE8DDE;border-radius:5px;color:#ce8dde;margin-left:.5vw}#distribution-pannel{margin:1vw}#distribution-select{background-color:#f7f4ff;border:4px solid #CE8DDE;border-radius:5px;color:#ce8dde;margin-left:.5vw}.checkbox-wrapper{display:flex;justify-content:center;margin-top:.5vw}.checkbox-label{margin-left:.5vw}#game_mode_panel{margin:25px}#game_mode_panel div{text-align:center}.mode_button{background-color:#f7f4ff;border:4px solid #CE8DDE;color:#ce8dde;font-size:20px}.selected_mode_button{background-color:#ce8dde;border:4px solid #CE8DDE;color:#f7f4ff;font-size:20px;font-weight:700;width:12vw;margin-left:1vw;margin-right:1vw}.mode_button{width:12vw;margin-left:1vw;margin-right:1vw}#mode_button_list div{display:inline-block;vertical-align:top}.difficulty_button{background-color:#f7f4ff;border:4px solid;color:#ce8dde;font-size:20px}.selected_difficulty_button{background-color:#ce8dde;border:4px solid #CE8DDE;color:#f7f4ff;font-size:20px;font-weight:700;width:11vw;margin-left:1vw;margin-right:1vw}.difficulty_button{width:11vw;margin-left:1vw;margin-right:1vw}#game_difficulty_panel{margin:25px}#game_difficulty_panel div{text-align:center}#difficulty_button_list div{display:inline-block;vertical-align:top}button{border-radius:25px;padding:15px}h1,h2{text-align:center}#profile_pic{position:absolute;top:0%;right:0%;margin-right:.5vw;margin-top:.5vw;width:5vw;height:5vw;border-radius:25%}#start_game_button_container{display:flex;justify-content:center;margin-top:2vw}#start_game_button{background-color:#c2f9bb;border:5px solid #1B998B;color:#1b998b;width:33%;font-size:40px;transition:color 1s ease,background-color 1s ease}#activated_start_game_button{background-color:#1b998b;border:5px solid #1B998B;color:#f0feee;font-weight:700;font-size:40px;transition:color 1s ease,background-color 1s ease}.selectors{display:flex;flex-direction:row;justify-content:center}.zoomed-in-picture-container{max-width:100vw;max-height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:scroll;z-index:3}.close-icon{z-index:4;position:absolute;height:5vh;top:0%;left:95%;margin:0;cursor:pointer}#answer_input_name{display:flex;flex-direction:row;margin-top:2vw;margin-bottom:2vw;justify-content:center}.input_field{border:4px solid #CE8DDE;background-color:#f7f4ff;font-size:20px}.wrong_input_field{border:4px solid red;background-color:#f7f4ff;font-size:20px;color:red}#family_name_input_field,#genus_name_input_field,#specie_name_input_field{margin-left:1vw;margin-right:1vw}#answer_choice_picture{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:1vw;margin-top:1vw}.image-choice{width:100%;height:100%;object-fit:cover;position:absolute;z-index:1}.image-choice-container{width:15vw;height:50vh;overflow:hidden;position:relative;margin-left:.5vw;margin-right:.5vw}.wrong-image-choice-container{outline:5px solid red;width:15vw;height:50vh;overflow:hidden;position:relative;margin-left:.5vw;margin-right:.5vw}.selected-image-choice-container{outline:5px solid #1B998B;width:15vw;height:50vh;overflow:hidden;position:relative;margin-left:.5vw;margin-right:.5vw}.plant_name_button{background-color:#f7f4ff;color:#ce8dde;font-size:14px;border:4px solid #CE8DDE;width:22vw;height:10vh;margin-left:1vw;margin-right:1vw}.selected_plant_name_button{background-color:#ce8dde;color:#f7f4ff;font-size:14px;font-weight:700;border:4px solid #CE8DDE;width:22vw;height:10vh;margin-left:1vw;margin-right:1vw}.wrong_plant_name_button{background-color:#f7f4ff;border:4px solid red;color:red;font-size:14px;width:22vw;height:10vh;margin-left:1vw;margin-right:1vw}#answer_choice_name{margin-top:1vw;margin-bottom:1vw}.image-display{border:3px solid;display:inline-block}.left-arrow-image{height:4vh;position:absolute;top:50%;left:0%;z-index:2;cursor:pointer}.right-arrow-image{height:4vh;position:absolute;top:50%;left:90%;z-index:2;cursor:pointer}.image-container{width:15vw;height:50vh;overflow:hidden;position:relative}.plant_picture{width:100%;height:100%;object-fit:cover;position:absolute;z-index:1}.zoom-box{cursor:zoom-in;width:10vw;height:40vh;position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%)}.left-clickable-zone{width:5vw;height:40vh;position:absolute;top:50%;left:0%;z-index:3;transform:translate(-50%,-50%)}.right-clickable-zone{width:5vw;height:40vh;position:absolute;top:50%;left:100%;z-index:3;transform:translate(-50%,-50%)}.organ-type-title-container{height:5vh;display:flex;justify-content:center;align-items:center}.credit{position:absolute;pointer-events:none;font-size:10px;color:#000;background-color:#ffffeb;font-weight:700;transform:translate(-50%,-50%);z-index:2}#hint_plant_name{height:12vh}#hint_plant_name h1{color:#1b998b;font-size:50px;font-style:italic}#hint_plant_picture{display:flex;justify-content:center;flex-wrap:wrap;gap:1vw}#score_and_timer{display:flex;flex-direction:row;justify-content:center}#score_and_timer div{margin-left:1vw;margin-right:1vw}#score_panel{border:8px solid #F2AF13;border-radius:25px;background-color:#ff0;color:#f2af13;height:5vw;width:20vw;padding:5px;display:flex;justify-content:center;align-items:center;vertical-align:center;margin-top:1vw;margin-bottom:1vw}#UI-button-wrapper{display:flex;flex-direction:row;justify-content:center}#UI button{border:5px solid #1B998B;background-color:#c2f9bb;color:#1b998b;width:22vw;margin-left:1vw;margin-right:1vw;font-size:20px;transition:color .5s ease,background-color .5s ease}#UI button:hover{background-color:#1b998b;color:#f0feee;font-weight:700}#timer{display:flex;margin-top:1vw;height:7vw;align-items:center}#timer_icon{height:5vw;width:auto}#score_counter{font-size:40px;font-weight:700}#time_left{margin:auto}#home_icon_panel{position:absolute;top:0%;right:0%;transform:translate(-50%,50%);z-index:3}#home_icon{width:3vw;height:auto}::placeholder{color:#000;opacity:1}.hint-loading-div-easy{height:55vh;width:100vw;display:flex;justify-content:center;align-items:center;cursor:wait}.hint-loading-div-inverse{height:12vh;width:100vw;display:flex;justify-content:center;align-items:center;margin-top:1vw;margin-bottom:1vw;cursor:wait}.answer-loading-div-easy{height:10vh;width:100vw;display:flex;justify-content:center;align-items:center;margin-top:1vw;margin-bottom:1vw;cursor:wait}.answer-loading-div-inverse{height:50vh;width:100vw;display:flex;justify-content:center;align-items:center;margin-top:1vw;margin-bottom:1vw;cursor:wait}#end_scene{text-align:center}#final_score{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);border:8px solid #F2AF13;border-radius:25px;background-color:#ff0;color:#f2af13;height:5vw;width:25vw;padding:5px;font-size:40px;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center}#end_scene_button{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}#end_scene_button button{border:5px solid #1B998B;background-color:#c2f9bb;color:#1b998b;width:22vw;margin-left:1vw;margin-right:1vw;font-size:20px;transition:color .5s ease,background-color .5s ease}#end_scene_button button{font-size:30px!important}#end_scene_button button:hover{background-color:#1b998b;color:#f0feee;font-weight:700}.landing-page-wrapper{display:flex;flex-direction:row}.landing-page-text{width:50vw;margin-left:5vw;text-align:center}.landing-page-text ul{list-style-type:none;padding:0;margin:0}.landing-page-button{background-color:#f7f4ff;border:4px solid #CE8DDE;color:#ce8dde;font-size:20px;transition:color .5s ease,background-color .5s ease}.hovered-landing-page-button{background-color:#ce8dde;border:4px solid #CE8DDE;color:#f7f4ff;font-size:20px;font-weight:700;transition:color .5s ease,background-color .5s ease}.landing-page-picture{position:relative;margin-left:5vw;width:35vw}.floating-image{position:absolute;width:30vw;height:auto;object-fit:cover;transition:transform .5s ease}.floating-image:hover{transform:scale(1.2)}#homepage_title[data-v-24a65680],#end_scene_title[data-v-24a65680]{color:#1b998b;text-align:center;font-size:50px}h1[data-v-24a65680],h2[data-v-24a65680]{text-align:center}button[data-v-24a65680]{border-radius:25px;padding:15px}