:root{--blue:#002967;--orange:#ea7d24;--white:#fff;--green:#85e485}.App{background-color:var(--white);border-radius:10px;color:var(--white);width:100%}.App .header{display:flex;flex-direction:column;justify-content:center;text-align:center}.App .header h2{color:var(--orange);font-weight:5000}.App button{background-color:var(--white);border-color:var(--orange);border-radius:5px;border-style:solid;border-width:2px;color:var(--orange);cursor:pointer}.App .admin--button{border-color:#fff;display:flex;justify-content:right}.App .admin--button:hover{text-decoration:underline}.App .admin{text-align:center}.App .admin .admin-password{display:flex;margin-left:auto;margin-right:auto;padding:10%;width:100%}.App .admin .admin-password input{margin-right:20px;width:100%}.App .admin .back-button{margin-bottom:20px;margin-left:auto;margin-right:auto;width:100px}.App .admin .password-generator{background-color:var(--blue);border-radius:5px;margin-bottom:20px;padding:5px;text-align:center}.App .admin .password-generator p{border-radius:5px;margin:10px 50px}.App .admin .password-generator p span{font-weight:500}.App .admin .password-generator .current-password{border-color:var(--blue);border-style:solid;border-width:2px}.App .admin .users{background-color:var(--blue);border-radius:5px;margin-bottom:20px;padding:5px;text-align:center}.App .admin .users div{align-items:center;display:flex;gap:100px;justify-content:center;margin-bottom:10px}.App .admin .users div select{width:50%}.App .admin .users button{margin-top:10px}.App .admin .cert-generator{background-color:var(--blue);border-radius:5px;margin-bottom:20px;padding:5px;text-align:center}.App .admin .cert-generator .input-container{display:flex;gap:100px;justify-content:space-between}.App .admin .cert-generator .input-container input{margin-bottom:10px}.App .admin .cert-generator .button-container{align-items:center;display:flex;flex-direction:column}.App .admin .cert-generator .button-container p,.App .admin .cert-generator button{margin-top:10px}.App .admin .admin-questions .create-question{background-color:var(--blue);border-radius:5px;color:var(--white);display:flex;flex-direction:column;justify-content:center;padding:5px}.App .admin .admin-questions .create-question h3{font-weight:500}.App .admin .admin-questions .create-question button{margin:auto;width:100px}.App .admin .admin-questions .create-question input{margin-bottom:20px}.App .admin .admin-questions .create-question .admin-answer{align-items:center;display:flex;margin-bottom:10px;width:100%}.App .admin .admin-questions .create-question .admin-answer button{border-width:0;height:20px;margin:0 5px 0 0;width:20px}.App .admin .admin-questions .create-question .admin-answer input{margin-bottom:0;width:100%}.App .admin .admin-questions .questionSection{background-color:var(--blue);border-radius:5px;margin-top:5px;padding:5px;text-align:center}.App .admin .admin-questions .questionSection p{margin:0;padding-left:5px}.App .admin .admin-questions .questionSection button{display:flex;margin:0 auto}.App .admin .admin-questions .questionSection .answerExisting{align-items:center;border-color:var(--orange);border-radius:5px;border-style:solid;border-width:2px;display:flex;margin-bottom:5px;padding:5px}.App .admin .admin-questions .questionSection .answerExisting .answerExisting--text{width:85%}.App .admin .admin-questions .questionSection .answerExisting .answerExisting--tag{border-radius:5px;font-size:10px;font-weight:500;padding:5px}.App .admin .admin-questions .questionSection .answerExisting .answerExisting--tag span{background-color:var(--green);border-radius:2px;padding:2px}.App .password{align-items:center;background-color:var(--blue);border-radius:10px;border-width:5px;display:flex;flex-direction:column;margin:auto;padding:50px}.App .password,.App .password input{border-color:var(--orange);border-style:solid}.App .password input{border-radius:5px;border-width:2px;font-size:20px;height:30px;margin-bottom:50px;width:75%}.App .password button{vertical-align:middle;width:50%}.App .password p{color:red;font-size:20px;font-weight:1000}.App .questions{align-items:center;display:flex;flex-direction:column;margin-left:10px;margin-right:10px;padding-bottom:10px;text-align:center}.App .questions .questions--correction{color:red;font-weight:500}.App .questions .question{align-items:center;background-color:var(--blue);border-color:var(--orange);border-radius:10px;border-style:solid;border-width:5px;display:flex;flex-direction:column;gap:5px;margin:10px;padding:10px;width:100%}.App .questions .question .question--question{font-weight:500}.App .questions .question .answers{display:flex;flex-direction:column;gap:5px;width:100%}.App .questions .question .answers .answer{border-radius:5px;color:var(--blue);cursor:pointer;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.App .questions .question .question--isAnswered{align-items:center;border-radius:5px;color:#000;color:#8dbd8d;display:flex;font-weight:500;height:30px;margin-top:20px;padding:5px}.App .questions .question .question--correction-button{align-items:center;background-color:#e2a6a6;color:#000;display:flex;height:30px;margin-top:20px}.App .email{background-color:var(--blue);border-color:var(--orange);border-radius:10px;border-style:solid;border-width:5px;margin:auto;padding:50px;text-align:center}.App .email,.App .email .form{align-items:center;display:flex;flex-direction:column}.App .email .form{gap:10px;padding:10px;width:100%}.App .email p{font-weight:500;margin-top:10px}.App .email input{border-color:var(--orange);border-radius:5px;border-style:solid;border-width:2px;padding:2px;width:75%}