.svelte-879gh7{font-family:"Spartan"}.container.svelte-879gh7{margin:0 20px;display:flex;justify-content:center;flex-direction:row;align-items:center;width:1100px}#codon_container.svelte-879gh7{width:100%;display:flex;justify-content:center;flex-wrap:wrap;margin:10px 0}.right_container.svelte-879gh7{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:250px;height:500px;margin-left:-90px}.score.svelte-879gh7{display:flex;justify-content:center;align-items:center;width:100%;font-size:1.5rem}.animation_image.svelte-879gh7{max-width:100%;height:auto}.codon.svelte-879gh7{text-align:center;margin:10px 15px 0 10px}.codon_chart.svelte-879gh7{display:flex;justify-content:center;align-items:center;width:945px;box-sizing:border-box}.first_base_title.svelte-879gh7{width:200px;transform:rotate(-90deg) translateY(45px)}.second_base_title.svelte-879gh7{text-align:center}.third_base_title.svelte-879gh7{width:200px;transform:rotate(90deg) translate(20px, 68px)}.resetBtn_container.svelte-879gh7{display:flex;justify-content:center}.reset_button.svelte-879gh7{height:100px;width:100px;display:flex;justify-content:center;align-items:center;border:none;border-radius:3px;box-shadow:1px 1px 3px black;background-color:#0d233f;color:#77bd43;box-sizing:border-box;cursor:pointer}.reset_button.svelte-879gh7:active{border:none;box-shadow:none}.reset_button.svelte-879gh7:focus{outline:0}.answer_input.svelte-879gh7{width:175px;border:none;border-bottom:1px solid rgba(118, 123, 120, 0.899);padding:2px;margin-left:15px;font-size:1.5rem;text-align:center;color:rgba(86, 91, 88, 0.947)}.answer_input.svelte-879gh7::placeholder{text-align:center}.answer_input.svelte-879gh7:focus{outline:none}.submit_button_container.svelte-879gh7{display:flex;justify-content:center}.submit_button.svelte-879gh7{height:100px;width:100px;display:flex;justify-content:center;align-items:center;border:none;border-radius:3px;box-shadow:1px 1px 3px black;background-color:#77bd43;color:#0d233f;box-sizing:border-box;cursor:pointer}.submit_button.svelte-879gh7:active{background-color:#0d233f;color:#77bd43;box-shadow:none}.submit_button.svelte-879gh7:focus{outline:0;background-color:#78bd43a1}.rm_border.svelte-879gh7{height:100px;width:100px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:none;box-shadow:none}.first_base_row.svelte-879gh7{width:600px;height:100px;display:flex;box-sizing:border-box}.second-base.svelte-879gh7{width:600px;height:100px;display:flex;margin-bottom:10px;justify-content:center;box-sizing:border-box}.codon_letter.svelte-879gh7{height:100px;width:100px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:1px 1px 3px black;box-sizing:border-box;cursor:pointer}.codon_letter.svelte-879gh7:active{box-shadow:none}.codon_letters.svelte-879gh7{height:100px;width:100px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.codon_letter_filler.svelte-879gh7{height:100px;width:100px;display:flex;justify-content:center;align-items:center}.first_base_letter.svelte-879gh7{width:100px;height:100px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:1px 1px 3px black;cursor:pointer}.first_base_letter.svelte-879gh7:active{border:none;box-shadow:none}.first_letter_selected.svelte-879gh7{width:100px;height:100px;display:flex;justify-content:center;align-items:center}.third_base_letter.svelte-879gh7{width:100px;height:25px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:1px 1px 3px black;cursor:pointer}.third_base_letter.svelte-879gh7:active{border:none;box-shadow:none}.third_letter_selected.svelte-879gh7{width:100px;height:25px;display:flex;justify-content:center;align-items:center;border-radius:none;box-shadow:none}.row_container.svelte-879gh7{display:flex;flex-direction:column}.amino_acids_row.svelte-879gh7{width:500px;height:25px;display:flex;justify-content:center;align-items:center}.amino_acids.svelte-879gh7{margin:0;width:100px;height:25px;display:flex;justify-content:center;align-items:center}.first_selected.svelte-879gh7{background-color:#77bc437c;box-shadow:none;border:none}.second_selected.svelte-879gh7{height:100px;width:100px;display:flex;justify-content:center;align-items:center;box-shadow:1px 1px 3px black;box-sizing:border-box;background-color:#135dc668;box-shadow:none;border-radius:none;border:none}.third_selected.svelte-879gh7{background-color:yellow;box-shadow:none;border:none}.colSelected.svelte-879gh7{background-color:#135dc668;border-radius:none}
.svelte-1qzyjjn{font-family:"Spartan"}.container.svelte-1qzyjjn{margin-top:20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:770px;height:550px}.dna_template.svelte-1qzyjjn{width:100%;text-align:center;font-size:2rem;box-sizing:border-box}.answer_container.svelte-1qzyjjn{width:100%;display:flex;justify-content:center;align-items:center}.answer_input.svelte-1qzyjjn{width:175px;border:none;border-bottom:1px solid rgba(118, 123, 120, 0.899);padding:2px;margin-left:2px;font-size:1.5rem;text-align:center;color:rgba(86, 91, 88, 0.947)}.answer_input.svelte-1qzyjjn::placeholder{color:rgba(118, 123, 120, 0.721);font-size:1.25rem;text-align:center}.answer_input.svelte-1qzyjjn:focus{outline:none}.submit_button.svelte-1qzyjjn{width:250px;height:35px;border-radius:3px;border:none;box-shadow:1px 1px 2px #0d233f;cursor:pointer;background-color:#77bd43;color:#0d233f;font-size:1.25rem;padding:8px}.submit_button.svelte-1qzyjjn:active{background-color:#0d233f;color:#77bd43}.submit_button.svelte-1qzyjjn:focus{outline:0;background-color:#78bd43a1}.message.svelte-1qzyjjn{width:100%;text-align:center}
.transcription_container.svelte-1397p66.svelte-1397p66,.translation_container.svelte-1397p66.svelte-1397p66{overflow:auto;display:flex;justify-content:center;align-items:center;width:1300px;height:570px;margin:auto;scrollbar-width:0px}.instructions.svelte-1397p66.svelte-1397p66{display:flex;justify-content:center;flex-direction:column;width:160px;height:500px;margin-right:-90px}.instructions.svelte-1397p66 p.svelte-1397p66{margin:0 0 10px}.animation_image.svelte-1397p66.svelte-1397p66{max-width:100%;height:auto}.score.svelte-1397p66.svelte-1397p66{display:flex;justify-content:center;align-items:center;width:100%;font-size:1.5rem;margin-top:10px}