@font-face{font-family:ITC Korinna;src:url(//db.onlinewebfonts.com/t/e3e3a81b2544f4508a75573a04e0cafa.eot);src:url(//db.onlinewebfonts.com/t/e3e3a81b2544f4508a75573a04e0cafa.eot?#iefix) format("embedded-opentype"),url(//db.onlinewebfonts.com/t/e3e3a81b2544f4508a75573a04e0cafa.woff2) format("woff2"),url(//db.onlinewebfonts.com/t/e3e3a81b2544f4508a75573a04e0cafa.woff) format("woff"),url(//db.onlinewebfonts.com/t/e3e3a81b2544f4508a75573a04e0cafa.ttf) format("truetype"),url(//db.onlinewebfonts.com/t/e3e3a81b2544f4508a75573a04e0cafa.svg#ITC%20Korinna) format("svg")}:root{--numCategories:5;--jepColor:#060ce9;--jepColorDark:#0a1172;--textPrimary:#fff;--textSecondary:#295092;--accentGold:gold;--successGreen:#28a745;--errorRed:#dc3545;--hoverOrange:orange}body,html{margin:0;min-height:100%}body{background:linear-gradient(to bottom right,#38a9a3,#00c0ff);font-family:ITC Korinna}#app{display:flex;justify-content:space-evenly;margin-top:1em}.navbarContainer{align-items:flex-end;border-bottom:1px solid #ffffff4d;display:flex;flex-direction:row;justify-content:center;min-height:6rem;padding-top:1.5rem;position:relative}.logo{bottom:2rem;height:4rem;left:1rem;object-fit:contain;position:absolute;width:8rem}.tabs{display:flex;flex-direction:row;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:15px;font-weight:500;gap:2rem;justify-content:center}.certTab{background:#0000;border:none;color:#ffffffb3;cursor:pointer;padding:12px 8px;position:relative;transition:color .2s ease}.certTab:hover{color:#fff}.certTab.active{color:#fff;font-weight:600}.certTab.active:after{background:#fff;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.certTab.disabled{cursor:not-allowed;opacity:.5}.certTab.disabled:hover{color:#ffffffb3}.coming-soon1,.coming-soon2,.coming-soon3{color:#ffffff80;font-size:10px;font-style:italic;margin-bottom:2px}#gameboard{border:2px solid #000;border-radius:10px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);text-align:center}.categoriesTitle{background-color:#0a1172;background-color:var(--jepColorDark);cursor:default;font-size:1.27rem;text-shadow:1px 1px 2px #00000080}.categories,.categoriesTitle{border:3px solid #000;color:#fff;color:var(--textPrimary);display:flex;flex-direction:column;font-weight:700;height:83px;justify-content:center;min-height:80px;min-width:11vw;padding:3.5px;text-align:center;width:11vw}.categories{background-color:#060ce9;background-color:var(--jepColor);cursor:pointer;font-size:1.9rem;text-shadow:2px 2px 3px #00000080;transition:transform .2s ease,color .2s ease}.categories:hover{color:gold;color:var(--accentGold);transform:scale(1.1)}.categories:focus{outline:3px solid gold;outline:3px solid var(--accentGold);outline-offset:2px}.category{margin-left:45px;text-align:left;text-align:initial}#scoreboard,.categoryTitle,.clueValue{align-items:center;border:1px solid #000;display:flex;font-size:1.2em;height:100%;justify-content:center;width:100%}.categoryOverlay{background-color:#000;bottom:0;display:flex;left:0;opacity:.9;overflow-y:hidden;position:fixed;right:0;top:0;z-index:1000}.categoryModal{background-color:#fff;border:1px solid #000;border-radius:15px;color:#295092;flex-direction:row;flex-wrap:wrap;font-size:25px;height:75vh;left:50%;overflow-y:auto;padding:18px 20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:75vw;z-index:1000}.categoryModal,.modalButton{align-items:center;justify-content:center}.modalButton{background-color:#295092;background-color:var(--textSecondary);border:2px solid #295092;border:2px solid var(--textSecondary);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:48px;text-decoration:none;transition:background-color .2s ease,color .2s ease;width:48px}.modalButton:hover{background-color:#dc3545;background-color:var(--errorRed);border-color:#dc3545;border-color:var(--errorRed);color:#fff}.modalButton:focus{outline:3px solid gold;outline:3px solid var(--accentGold);outline-offset:2px}.formContainer{display:flex;flex-direction:row;gap:20px;justify-content:flex-start;margin-bottom:10px}.categoryLabel{display:flex;text-align:start}.validationError{color:#dc3545;font-weight:600;margin-bottom:0;margin-top:1rem;text-align:center}.submitContainer{margin-bottom:2rem;margin-top:8rem}.explanationContainer,.submitContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.explanationContainer{border:2px solid;margin-right:45px;margin-top:5rem;padding:10px 0}.radioBtn,.submitButton{cursor:pointer}.submitButton{background-color:#060ce9;background-color:var(--jepColor);border:2px solid #060ce9;border:2px solid var(--jepColor);border-radius:8px;color:#fff;font-family:ITC Korinna,sans-serif;font-size:1.1rem;font-weight:700;height:5vh;margin-right:45px;min-height:44px;min-width:180px;transition:background-color .2s ease,transform .1s ease;width:20vw}.submitButton:hover{background-color:#28a745;background-color:var(--successGreen);border-color:#28a745;border-color:var(--successGreen)}.submitButton:focus{outline:3px solid gold;outline:3px solid var(--accentGold);outline-offset:2px}.submitButton:active{transform:scale(.98)}.clueValue{color:gold;font-size:2.5em;text-shadow:3px 3px #000}#question{background-color:#060ce9;background-color:var(--jepColor);color:#fff;display:grid;font-size:2.5em;grid-column:2/9;margin:20px 0;min-height:35vh;outline:5px solid #000;padding-top:15vh;text-align:center}.question{display:flex;justify-content:center}.questionP{display:block;text-align:start;width:90%}#scoreboardContainer{display:flex;justify-content:center;margin-top:1rem}#scoreboard{align-self:center;background-color:#060ce9;background-color:var(--jepColor);border:4px solid #000;border-radius:10px;color:#fff;font-size:3em;grid-column:11;height:64px;padding:0 15px;width:150px}body.active-modal{overflow:hidden}#footer{display:flex;flex-direction:row;justify-content:center;margin:2rem}.contactLink{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.incorrectHeader{color:red}.arrow{color:#000}.incorrectAnswer{color:red;-webkit-text-decoration:line-through #000 3px;text-decoration:line-through #000 3px}.correctHeader{color:green}.correctAnswer{background-color:#28a745;background-color:var(--successGreen);border-radius:4px;color:#fff;padding:3px 8px}.radioButton{accent-color:#060ce9;accent-color:var(--jepColor);cursor:pointer;height:18px;width:18px}.explanation{display:flex;margin-left:20px;text-align:start}#contactBackground{align-items:center;background:linear-gradient(to bottom right,#38a9a3,#00c0ff);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow-y:auto;padding-bottom:2rem;padding-top:2rem;width:100%}#contactNavBar{display:flex;justify-content:center;margin-bottom:4rem}#contactNavBar .logo{height:auto;position:static;width:10rem}#contactContainer{align-items:center;background-color:#fff;border:1px solid #000;border-radius:15px;color:#295092;display:flex;flex-direction:column;flex-wrap:wrap;font-size:20px;justify-content:center;margin-bottom:20px;min-height:650px;overflow:auto;padding:10px;width:50vw}.header{margin-bottom:10px}#title{font-size:2.5em;height:4vh;text-align:center}#description{height:4px;width:100%}#name{border-radius:5px;height:25px;margin-bottom:15px}#email,#name,#name-label{width:100%}#email{border-radius:5px;height:25px}#email-label{width:100%}.p-question{height:4px;width:100%}.dropdown{border-radius:5px;height:30px;width:101.5%}.p-comment{height:4px;width:100%}#comments{border-radius:5px;height:150px;padding:3px 5px;resize:none;width:100%}.form-button-container{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;margin-top:1rem}.submit-button{cursor:pointer;font-family:ITC Korinna;font-size:20px;height:5vh;width:20vw}.submit-button:hover{background-color:#48d361;font-weight:700}.centered-resources{align-items:baseline;background-color:#fff;border:1px solid #000;border-radius:15px;display:flex;height:65vh;width:80%}.resourceContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:15px;width:100%}.resourceScore{font-family:ITC Korinna;font-size:40px;margin-bottom:25px}.resourceBody{font-family:ITC Korinna;font-size:25px;height:50px;margin-bottom:10px;text-align:center}.resourceLogo{border-radius:5px;margin-bottom:60px}.contactLink,.contactLink:visited{border:2px solid #fff;border-radius:10px;color:#fff;padding:5px;text-decoration:none}.contactLink:hover{border:2px solid #ff0;color:#ff0}#confirmationContainer{align-items:center;background-color:#fff;border:1px solid #000;border-radius:15px;color:#295092;display:flex;flex-direction:column;flex-wrap:wrap;font-size:20px;height:35vh;justify-content:normal;left:50%;margin:3.5rem 0;overflow-y:auto;padding:10px;position:fixed;top:30%;transform:translate(-50%,-50%);width:50vw;z-index:1000}.closeButtonContainer{display:flex;justify-content:flex-end;width:100%}.confirmationP{flex-direction:column;font-size:24px;margin-top:2rem}.confirmationP,.error-message{display:flex;text-align:center}.error-message{background-color:#000;color:#f5f5f5;font-size:30px;height:100vh;padding:0 20px;width:100vw}.hidden{display:none!important}.h1-error-message{display:flex;flex-direction:column;justify-content:center}input{padding:0 5px}.homeLink{height:120px;margin-bottom:10px}.videoContainer{align-items:center;display:flex;flex-direction:column;margin-right:45px;margin-top:2rem;padding:15px}.videoLabel{color:#295092;color:var(--textSecondary);font-size:1.1rem;font-weight:700;margin-bottom:10px}.videoWrapper{background-color:#000;box-shadow:0 4px 6px #0000001a;height:0;max-width:560px;overflow:hidden;padding-bottom:56.25%;position:relative}.videoFrame,.videoWrapper{border-radius:8px;width:100%}.videoFrame{border:none;height:100%;left:0;position:absolute;top:0}.loadVideoButton{align-items:center;background-color:#060ce9;background-color:var(--jepColor);border:2px solid #060ce9;border:2px solid var(--jepColor);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;padding:12px 24px;transition:background-color .2s ease,transform .1s ease}.loadVideoButton:hover{background-color:#0a1172;background-color:var(--jepColorDark);border-color:#0a1172;border-color:var(--jepColorDark)}.loadVideoButton:focus{outline:3px solid gold;outline:3px solid var(--accentGold);outline-offset:2px}.playIcon{font-size:1.2rem}.videoError{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:20px}.videoLink{color:#060ce9;color:var(--jepColor);font-weight:700;text-decoration:none}.videoLink:hover{text-decoration:underline}.adminContainer{align-items:center;background:linear-gradient(to bottom right,#38a9a3,#00c0ff);display:flex;flex-direction:column;min-height:100vh;padding:20px}.adminLoginBox{background-color:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin-top:50px;max-width:400px;padding:40px;width:100%}.adminTitle{color:#295092;color:var(--textSecondary);font-size:2rem;margin-bottom:30px;text-align:center}.adminForm{gap:20px}.adminForm,.adminFormGroup{display:flex;flex-direction:column}.adminFormGroup{gap:8px}.adminFormGroup label{color:#295092;color:var(--textSecondary);font-weight:700}.adminInput{border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .2s ease}.adminInput:focus{border-color:#060ce9;border-color:var(--jepColor);outline:none}.adminButton{background-color:#060ce9;background-color:var(--jepColor);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:background-color .2s ease}.adminButton:hover{background-color:#0a1172;background-color:var(--jepColorDark)}.adminButton:disabled{background-color:#ccc;cursor:not-allowed}.adminMessage{background-color:#e8f4f8;border-radius:8px;color:#295092;color:var(--textSecondary);margin-top:15px;padding:10px;text-align:center}.adminBackLink{border:2px solid #fff;border-radius:8px;color:#fff;display:inline-block;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .2s ease}.adminBackLink:hover{background-color:#fff3}.adminHeader{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;max-width:1200px;padding:15px 25px;width:100%}.adminHeader .adminTitle{font-size:1.5rem;margin:0}.adminLogoutButton{background-color:#dc3545;background-color:var(--errorRed);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.adminLogoutButton:hover{background-color:#c82333}.adminTableContainer{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;max-width:1200px;overflow-x:auto;padding:20px;width:100%}.adminTable{border-collapse:collapse;width:100%}.adminTable td,.adminTable th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.adminTable th{background-color:#060ce9;background-color:var(--jepColor);color:#fff;font-weight:700}.adminTable tr:hover{background-color:#f8f9fa}.adminQuestionCell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminHasVideo{color:#28a745;color:var(--successGreen);font-weight:700}.adminNoVideo{color:#999}.adminEditButton{background-color:#060ce9;background-color:var(--jepColor);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px}.adminEditButton:hover{background-color:#0a1172;background-color:var(--jepColorDark)}.adminEditModal{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:600px;padding:30px;width:100%}.adminEditModal h2{color:#295092;color:var(--textSecondary);margin-bottom:15px}.adminClueQuestion{background-color:#f8f9fa;border-radius:6px;color:#666;font-style:italic;margin-bottom:20px;padding:10px}.adminEditActions{display:flex;gap:15px;margin-top:20px}.adminCancelButton{background-color:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px}.adminCancelButton:hover{background-color:#5a6268}.loadingSpinner{align-items:center;color:#295092;color:var(--textSecondary);display:flex;flex-direction:column;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#060ce9;border-top:4px solid var(--jepColor);height:40px;margin-bottom:15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.formContainer label{border-radius:4px;cursor:pointer;padding:5px 10px;transition:background-color .2s ease}.formContainer label:hover{background-color:#060ce91a}.answerForIncorrect{background-color:#28a745;background-color:var(--successGreen);border-radius:4px;color:#fff;padding:3px 8px}
/*# sourceMappingURL=main.e423b012.css.map*/