:root{--primary-color:salmon;--secondary-color:salmon;--tertiary-color:#eee;--primary-font-color:#fff;--secondary-font-color:#000;--tertiary-font-color:#eee;--primary-font:Arial,sans-serif;--secondary-font:Arial,sans-serif;--font-family:Arial,sans-serif;--header-padding:1em;--footer-height:50px}body{font-family:Arial,sans-serif;margin:0}.header,body{background-color:salmon;background-color:var(--primary-color)}.header{color:#fff;color:var(--primary-font-color);padding:2em;position:relative;text-align:center}.header-content{align-items:center;display:flex;justify-content:space-between}.header-title{font-size:1.5em;margin:0}.header-user{align-items:flex-start;display:flex;flex-direction:column}.home-icon{align-items:center;background-color:#eee;border-radius:50%;color:salmon;color:var(--primary-color);display:flex;height:50px;justify-content:center;left:50%;position:absolute;text-align:center;text-decoration:none;transform:translate(-50%,-50%);width:50px}.home-icon:hover,.logout-button{color:#eee;color:var(--tertiary-color)}.logout-button{border:none;cursor:pointer;font-size:1em;margin-left:auto;padding:.5em 1em}.footer{background-color:salmon;background-color:var(--primary-color);bottom:0;position:fixed;text-align:center;width:100%}.footer,.main-content{color:salmon;color:var(--secondary-color);padding:1em}.main-content{background-color:salmon;background-color:var(--secondary-color);flex-grow:1;overflow:auto}.question-navigation{align-items:center;display:flex;justify-content:space-between;margin:20px auto}.question-button{background-color:salmon;background-color:var(--primary-color);border:none;cursor:pointer;margin:0 .5em;padding:.5em 1em}.question,.question-button{color:#eee;color:var(--tertiary-color)}.question{flex-grow:1;margin:0 1em;text-align:center}button{background-color:salmon;background-color:var(--primary-color);border:none;color:#eee;color:var(--tertiary-color);cursor:pointer;margin:0 .5em;padding:.5em 1em}button:disabled{background-color:salmon;background-color:var(--secondary-color);cursor:not-allowed}.quiz-boxes-container{display:flex;flex-wrap:wrap;gap:1.5em;justify-content:center;padding:1em}.quiz-box{background-color:#ebebeb;border:2px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0003;font-size:1.2em;margin:20px auto;padding:20px;text-align:center;width:75%!important}.quiz-option{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;border-radius:40px;box-shadow:0 2px 4px #0000001a;display:flex;height:250px;justify-content:center;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:300px}.quiz-box:hover{transform:translateY(-5px)}.quiz-box h3{color:#333;font-family:comic sans ms,cursive,sans-serif;font-size:1.3em;font-weight:700;margin:0}.quiz-header h2,.quiz-header h3{color:salmon;color:var(--primary-color);display:block;margin:0}.last-accessed{position:absolute;right:15px;top:10px}.last-accessed-container{display:inline-block;position:relative}.last-accessed{color:#666;cursor:pointer;font-size:.9em}.tooltip{background-color:#333;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:.8em;left:50%;padding:5px 10px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:1000}.last-accessed-container:hover .tooltip,.tooltip{display:block}.last-accessed:hover{background-color:#ffe6e6;border-radius:4px;color:#333;padding:2px 4px}.quiz-date{bottom:10px;color:#666;font-size:1em;left:10px;margin:0;position:absolute}.add-quiz-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;padding:2em}.add-quiz-box{box-sizing:border-box;flex:1 1 100%;max-width:100%;order:-1}h2{color:#333;text-align:center}.quiz-input{margin:.5em 0;padding:.5em}.question-container{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.qa-fields{display:flex;flex:1 1;gap:10px}.quiz-textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:1em;min-height:40px;overflow:hidden;padding:10px;resize:none}.options-menu{display:inline-block;flex-shrink:0;position:relative}.options-button{background:grey;border:none;cursor:pointer;font-size:1.5em;padding:5px}.options-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:none;left:0;padding:5px;position:absolute;top:100%;z-index:1000}.options-dropdown .remove-button:hover{background-color:#d32f2f}.remove-button{background-color:#f44336;padding:5px 10px}.quiz-button,.remove-button{border:none;border-radius:4px;color:#fff;cursor:pointer}.quiz-button{background-color:#4caf50;display:inline-block;font-size:1em;font-weight:700;margin:.5em 0;padding:.75em 1.5em;transition:background-color .3s ease}.quiz-button:hover{background-color:#45a049}.add-question-button{background-color:#2196f3}.add-question-button:hover{background-color:#1976d2}.submit-button{background-color:#4caf50}.submit-button:hover{background-color:#388e3c}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:90%;padding:2em;position:relative;text-align:center;width:400px}.close-button{background:none;border:none;color:#333;cursor:pointer;font-size:1.5em;position:absolute;right:10px;top:10px}.close-button:hover{color:red}.profile-content p{color:#555;font-size:1em;margin:.5em 0}.show-points,.user-search{margin:0 auto;max-width:400px;text-align:center}.show-points{color:#333}.search-input{border:1px solid #ccc;border-radius:4px;font-size:1em;margin-bottom:1em;padding:.5em;width:100%}.user-list{color:#180b0b;list-style:none;margin:0;padding:0}.user-item{border-bottom:1px solid #0b0909;font-size:1em;padding:.5em}.no-results{color:#180b0b;font-style:italic}.accept-friends{margin:0 auto;max-width:400px;text-align:center}.accept-friends ul{list-style:none;padding:0}.accept-friends li{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.5em 0}.accept-friends button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5em 1em}.accept-friends button:hover{background-color:#45a049}.welcome-content{margin-bottom:2em;max-width:800px;text-align:center}.welcome-title{animation:fadeIn 1s ease-in-out;font-size:2.5em;font-weight:700;margin-bottom:.5em}.welcome-description{animation:fadeIn 1.5s ease-in-out;font-size:1.2em;line-height:1.8;margin-bottom:1em}.welcome-button{background-color:#4caf50;border-radius:5px;color:#fff;font-size:1.2em;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.welcome-button:hover{background-color:#45a049}.flashcard-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:2em}.flashcard{height:320px;perspective:1000px;transition:transform .3s ease;width:220px}.question-labels{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:10px}.question-number,.question-pass{display:inline-block;font-weight:700;text-align:left;width:75px}.question-pass{color:#666;font-size:.9em}.question-number{display:inline-block;font-weight:700;margin-right:10px}.question-number .star-icon{color:gold;cursor:pointer;margin-left:5px}.options-dropdown .star-button{color:orange;font-weight:700}.options-dropdown .star-button:hover{background-color:#f0f0f0}.flashcard:hover{transform:scale(1.05)}.flashcard-back,.flashcard-front{font-size:1.2em;font-weight:700;height:100%;padding:20px;text-align:center}.flashcard-front{transform:rotateY(0deg)}.flashcard-back,.flashcard-front{background-color:salmon;background-color:var(--primary-color);color:#fff}.flashcard-back{transform:rotateY(180deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-box:hover{box-shadow:0 4px 8px #0003;transform:scale(1.05)}.click-options{display:flex;gap:10px;justify-content:center;margin-top:10px}.click-button{background-color:salmon;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.click-button:hover{background-color:#45a049}.navigation-button{border:2px solid salmon;border:2px solid var(--primary-color);border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:10px 15px;transition:background-color .2s,transform .2s}.navigation-button,.navigation-button:hover{background-color:salmon;background-color:var(--primary-color)}.navigation-button:hover{transform:scale(1.1)}.navigation-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.navigation-button:disabled:hover{transform:none}.flashcard-animation{gap:20px}.flashcard,.flashcard-animation{display:flex;justify-content:center}.flashcard{align-items:center;animation:bounce 1.5s ease-in-out infinite;background-color:salmon;background-color:var(--primary-color);border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;font-size:1.2em;font-weight:700;height:100px;width:150px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.room{background-color:#f4f4f4;border:2px solid #ccc;border-radius:8px;height:500px;margin:0 auto;overflow:hidden;position:relative;width:500px}.character{background-color:salmon;background-color:var(--primary-color);border-radius:50%;height:50px;position:absolute;transition:top .1s,left .1s;width:50px}.character.other-user{background-color:#ff5733}.adsense-container{margin-top:20px;text-align:center}.quiz-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em;min-height:40px;overflow:hidden;padding:10px;resize:none;width:100%}.answer-buttons{display:flex;gap:10px;margin-top:10px}.right-button{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.right-button,.right-button:hover{background-color:salmon;background-color:var(--primary-color)}.wrong-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.wrong-button:hover{background-color:#d32f2f}.popup-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;padding:20px;text-align:center}.popup-content h3{margin-bottom:1em}.popup-content button{border:none;border-radius:4px;cursor:pointer;margin:0 10px;padding:10px 20px}.popup-content button:hover{background-color:#f0f0f0}.spaced-learning-container{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:20px}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);max-width:600px;width:100%}.bucket{align-items:center;background-color:#f9f9f9;border:2px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;height:150px;justify-content:center;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.bucket:hover{box-shadow:0 6px 12px #0003;transform:scale(1.05)}.bucket h3{color:#333;font-size:1.5em;margin:0}.welcome-header{text-align:center}.welcome-header h1{color:#333;font-size:3em;margin-bottom:10px;padding:20px}.welcome-header p{color:#555;font-size:1.5em;padding:0 15%;text-align:center}.welcome-container{font-family:Arial,sans-serif;padding:60px}.welcome-card,.welcome-container{align-items:center;display:flex;flex-direction:column;height:auto}.welcome-card{background-color:#f9f9f9;border:1px solid #ccc;border-radius:40px;box-shadow:0 2px 4px #0000001a;font-size:1.5em;justify-content:center;margin-bottom:20px;overflow:visible;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:90%}.flashcards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:80px;max-width:100%;position:static;width:100%}.flashcard{cursor:pointer;font:black;font:var(--secondary-font-color);margin:0 auto;position:relative}.flashcard-back,.flashcard-front{align-items:center;backface-visibility:hidden;background:#eee;background:var(--tertiary-color);border-radius:10px;box-shadow:0 4px 8px #0003;color:#000;display:flex;height:150px;justify-content:center;position:absolute;transition:transform .6s;width:100%}.flashcard.flipped .flashcard-front{transform:rotateY(180deg)}.flashcard.flipped .flashcard-back{transform:rotateY(0deg)}.App{display:flex;flex-direction:column;height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}footer,header{flex-shrink:0;z-index:1}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.bcf59896.css.map*/