body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;background-color:#282c34;display:flex;flex-direction:column;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}#content{width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{font-family:Geologica;background:linear-gradient(#282c34,#3d4150,#282c34);border-radius:0;padding-bottom:200px;display:flex;flex-direction:column;align-items:center;font-size:calc(10px + 2vmin);color:#fff}.links{display:grid;grid-template-areas:"a a" "a a";gap:5px;margin-bottom:100px}a{text-decoration:none;color:#fff}#github-link{color:#b7f1f1;padding:.5em;border-radius:.7em;width:fit-content;margin:5px;font-size:.6em;font-weight:100}#github-link:after{content:": Zach Mason";color:#adff2f}.home-links{border-bottom:rgb(233,89,23) solid 2px;border-right:rgb(233,111,54) solid 3px;border-radius:5px;color:#fff;text-shadow:1px 2px 2px rgb(61,30,15);background-color:#f59467;padding:.5em;min-width:195px}#return-home{padding:.5em;border-radius:5px;border:white solid 1px}.sidebar-menu{border-color:red}.about-paragraph{max-width:75%;padding:30px;margin:auto;font-size:1em;text-align:start}.help-container{position:absolute;z-index:7;left:87%;bottom:85px}.help-paragraph{padding:15px;position:fixed;max-height:520px;width:80%;background-color:#f0f8ff;border:rgb(236,150,111) 3px solid;color:#000;z-index:6;top:15px;left:5%;margin:auto;overflow-y:scroll;text-align:start}.help-tool-button{color:#fff;background:none;border-radius:50%;border:rgb(236,150,111) solid 2px;width:1.4em;height:1.4em;position:fixed;font-size:1.2em;color:#282c34;-webkit-text-stroke-color:rgb(245,148,103);-webkit-text-stroke-width:.03em;background-color:#282c34;cursor:pointer;z-index:8;left:87%;bottom:85px}.logo-container{--deltaLeft: 15px;font-family:Geologica;position:relative;width:255px;height:69px;margin:25px auto;border:greenyellow 3px solid;border-radius:15px}.logo-container h3{font-size:25px;color:#adff2f}#delta{font-weight:700;font-size:33px;position:absolute;margin:0;left:var(--deltaLeft);background-color:#282c34;z-index:2;height:30px}.key-bar{width:8px;height:39px;position:absolute;left:calc(var(--deltaLeft) + 6px);top:20px;background-color:#adff2f;margin:0}#kappa{font-weight:700;font-size:40px;line-height:0px;position:absolute;margin:0;top:46px;left:calc(var(--deltaLeft) + 4px)}#didakey{padding:6px 5px 16px 50px;line-height:1;font-weight:700;font-size:48px;position:relative;margin:0}:root{--random-end: 35%}.letter-container{display:flex;flex-direction:row;justify-content:space-between;position:relative;border:1px rgb(1,93,105) solid;background-color:#191c24;height:75vh;width:75%;margin:0 auto;overflow:hidden}.game-title{text-align:center}@keyframes move{0%{bottom:-55px}to{left:var(--random-end);bottom:700px}}#canvas{position:absolute;width:100%;height:100%}@media only screen and (max-width:525px){.home-links{min-width:125px}}@media only screen and (max-width:280px){.home-links{min-width:105px}}.pick-verse-menu{position:relative;display:flex;justify-content:flex-start;z-index:1;font-size:14px;font-weight:700;width:100%;max-height:800px;margin:auto}.pick-verse-grid{display:grid;width:530px;grid-template-columns:25% 25% 25% 25%}.pick-component{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto auto 0;width:100%;position:relative}.drop-lists{display:flex;background-color:#fff;border:solid 1px rgb(206,206,206)}.drop-lists button{border:none;cursor:pointer;width:100%;font-size:.7em;font-family:apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,sans-serif}.lists-container{visibility:hidden;display:flex;justify-self:center;width:75%;z-index:1;position:absolute}.false{visibility:hidden}.true{visibility:visible}.lists{background-color:#f1ede6;color:#000;font-size:.73em;text-align:center;height:200px;overflow:scroll;z-index:1}.list-option{display:flex;justify-content:center;cursor:pointer;padding-bottom:7px;padding-top:7px}.selected{background-color:#10b92d;color:#fff}.go-button{font-weight:bolder;color:#fff;padding:9px 19px;border:none;background-color:#10b92d;cursor:pointer}.go-button:active{background-color:#0a741c}.nav-buttons{display:flex;gap:10px;justify-content:space-between;top:7rem;padding-top:10px;width:200px;position:relative}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f1f0e9}::-webkit-scrollbar-thumb{background:#14fa3b}@media only screen and (max-width:540px){.pick-component{justify-content:center}.pick-verse-grid{width:100%}}.verse-sentence{width:90%;text-align:center;margin:-5rem auto}.verse-component{background-color:#282c34;display:block;text-align:center;overflow-y:scroll;height:100dvh}.verse-word{display:inline-block;position:relative;top:30px;height:55px;margin:0 1px;padding:0 2.5px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.verse-word p{position:relative;bottom:30px}.verse-word .indicator{position:relative;bottom:15px}.verse-word-highlight-correct{display:inline-block;position:relative;top:30px;height:55px;margin-right:2px;padding:0 2.5px;border-radius:5%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.off-click{height:100%;width:100%}.da{background-color:#03bb03}.na{background-color:#56afb6}.conj{background-color:#da6303}.prep{background-color:#8a8700}.pron{background-color:#a05ac0}.vrb{background-color:#3b70d1}.prt{background-color:#cc3f75}.adv{background-color:#419270}.verse-word-highlight-correct p,.verse-word-highlight-odd p{position:relative;bottom:30px}.verse-word-highlight-odd .indicator,.verse-word-highlight-odd .indicator-highlight-odd{position:relative;bottom:15px}.indicator-highlight-odd{font-size:small;position:relative;bottom:15px;height:0px;color:#fff;opacity:1}.verse-word-highlight-wrong p{position:relative;bottom:30px}.verse-word-highlight-wrong .indicator{position:relative;bottom:15px}.verse-word-highlight-wrong .indicator-highlight-wrong,.verse-word-highlight-correct .indicator-highlight-correct{position:relative;bottom:14px}.verse-word-highlight-wrong{display:inline-block;position:relative;top:30px;height:55px;margin-right:2px;padding:0 2.5px;background-color:red;border-radius:5%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.verse-word-highlight-odd{display:inline-block;position:relative;top:30px;height:55px;margin-right:2px;padding:0 2.5px;background-color:#daa520;border-radius:5%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.verse-word:hover{cursor:pointer}.indicator{font-size:small;position:relative;bottom:15px;height:0px;color:#fff;visibility:hidden}.indicator-highlight-correct{font-size:small;position:relative;bottom:15px;height:0px;color:#fff;visibility:visible}.indicator-highlight-wrong{font-size:small;position:relative;bottom:15px;height:0px;color:#fff;opacity:1}@media only screen and (max-height:670px){.indicator-highlight-correct{top:21px}.verse-word-highlight-correct{height:55px}.indicator-highlight-wrong{top:21px}.verse-word-highlight-wrong{height:55px}}@media only screen and (max-height:425px){.indicator-highlight-correct{top:10px}.verse-word-highlight-correct{height:40px}.indicator-highlight-wrong{top:10px}.verse-word-highlight-wrong{height:40px}}@media only screen and (max-width:555px){.verse-word{height:45px;padding:0 2.5px;font-size:larger}.verse-word-highlight-correct{height:48px;padding:0 2.5px;font-size:larger}.verse-word-highlight-correct .indicator,.verse-word-highlight-correct .indicator-highlight-correct{bottom:0;top:18px}.verse-word-highlight-wrong{height:48px;padding:0 2.5px;font-size:larger}.verse-word-highlight-wrong .indicator,.verse-word-highlight-wrong .indicator-highlight-wrong{bottom:0;top:18px}.verse-word-highlight-odd .indicator-highlight-odd{position:relative;top:18px}.verse-word-highlight-odd .indicator{bottom:0;top:18px}.verse-word-highlight-odd{height:48px;padding:0 2.5px;font-size:larger}.submit-button{width:15em;margin-bottom:2em}}.passage{text-align:end;font-size:.9em;padding-right:4px;margin-top:5px;margin-bottom:0;opacity:.75;margin-left:15px;font-style:italic}.nav-bar{background-color:#127505;width:100%}.nav-options{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;height:65px}.option-nav{cursor:pointer;border-style:none;background-color:#127505;color:#fff;font-size:medium;height:65px}.option-nav-highlighted{background-color:#2bff0f;color:#282c34;border:none;font-size:medium;height:65px}