@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.home{text-align:left;padding-left:0;margin:20px}.rules{margin:20px}@media (max-width: 768px){.example{max-width:100%}}.navbar{background-color:var(--primary-color);padding:0}.navbar-list{display:flex;justify-content:space-between;list-style:none;margin:0;padding:0;width:100%;align-items:center;justify-content:center;text-align:center}.navbar-item{flex:1;text-align:center}.navbar-item a{color:#fff;text-decoration:none;display:block;padding:20px}.navbar-item p{color:var(--primary-color);text-decoration:none;display:block;padding:10px;font-weight:700}.navbar-item a:hover{background-color:var(--secondary-color)}.navbar-name{background-color:#fff;border-radius:20px;cursor:pointer;margin:10px}.navbar-name:hover{background-color:var(--background-color)}.settings-button{color:#000}.footer{background-color:var(--primary-color);padding:10px 20px;text-align:center;border-top:1px solid #ddd;position:fixed;width:100%;bottom:0;font-size:.9em;color:var(--text-color)}.footer-content{display:flex;justify-content:center;align-items:center;gap:5%}.footer a{color:#fff;text-decoration:none;font-style:italic}.footer a:hover{text-decoration:underline}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#fff;outline:none;position:relative}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;cursor:pointer;border-radius:50%;position:relative;z-index:2}.slider-label{position:absolute;left:100%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:5px 10px;border-radius:10px;font-size:12px;z-index:2;pointer-events:none}.container{text-align:center;padding:20px}.module-selection{margin-bottom:20px}.module-selection button{padding:10px 20px;margin:5px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.module-selection button:hover{background-color:var(--hover-color)}.contribute-module{border-radius:10px;padding:20px;margin:20px;background-color:var(--tertiary-color);box-shadow:0 0 10px #0000001a}textarea{width:100%;height:100px;resize:none}select[multiple]{height:auto;min-height:100px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:8px;box-sizing:border-box;overflow-y:auto}select[multiple] option{padding:8px;background-color:#fff;cursor:pointer}select[multiple] option:checked{background-color:var(--primary-color);color:#fff}textarea,select{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}select{height:auto;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:8px;box-sizing:border-box;overflow-y:auto}select option{padding:8px;background-color:#fff;cursor:pointer}select option:checked{background-color:var(--secondary-color);color:#fff}.error-message{color:red;margin-top:10px}.browse-database{font-family:Arial,sans-serif;padding:20px;max-width:800px;margin:0 auto}h1{text-align:center;color:#333}.section{margin-bottom:20px}h2{color:#555}.list{list-style-type:none;padding:0}.list-item{padding:10px;margin:5px 0;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.list-item:hover{background-color:#f1f1f1}.question-details{position:fixed;top:0;right:-100%;width:40%;height:100%;background-color:#fff;box-shadow:-2px 0 5px #00000080;padding:20px;overflow-y:auto;transition:right .3s ease;z-index:1000}.question-details.visible{right:0}.close-button{position:absolute;top:10px;left:10px;background:var(--tertiary-color);border:none;font-size:24px;cursor:pointer;padding:auto}table{width:100%;border-collapse:collapse}td{padding:10px;vertical-align:top}td:first-child{font-weight:700;width:30%}:root{--primary-color: #FF6B35;--secondary-color: #ff8f67;--tertiary-color: #f5bf9b;--background-color: #FDF0D5;--text-color: #1B1B1B;--border-color: #e93e00;--hover-color: #ff4e0e;--shadow-color: rgba(0, 0, 0, .15);--box-shadow-color: rgba(0, 119, 182, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6;padding:0}.module{margin:20px;text-align:center}h1,h2{color:var(--primary-color);font-weight:700;margin-bottom:15px}.settings,.scoreboard{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:30px;max-width:600px;margin:20px auto;text-align:center}label{font-weight:500;font-size:1rem;color:var(--text-color);margin-bottom:10px;display:block}.forgot-password{font-size:.8rem;color:var(--text-color);display:block}.forgot-password:hover{color:var(--primary-color)}input[type=text],input[type=email],input[type=password]{padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:8px;margin:10px;outline:none;transition:border-color .3s ease}input[type=email],input[type=password]{width:300px}.email-line{display:flex;align-items:center;justify-content:center;text-align:center}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--primary-color)}button,.button{padding:12px 25px;font-size:1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;text-decoration:none;display:inline-block;text-align:center;margin:10px}button:hover,.button:hover{background-color:var(--primary-color)}button:disabled,.button:disabled{background-color:#ccc;cursor:not-allowed}.scoreboard p{font-size:1.25rem;color:var(--text-color)}@media (max-width: 768px){.settings,.scoreboard{padding:20px}h1{font-size:2rem}h2{font-size:1.5rem}}.login{text-align:center;margin-top:50px}.register{text-align:center;margin-top:50px}.input{padding:10px;margin:10px;font-size:16px;width:300px}.button{padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer}.button:hover{background-color:var(--primary-color)}.settings,.scoreboard{padding:20px;text-align:center}.settings label,.scoreboard p{display:block;margin:10px 0}input[type=text],input[type=email]{padding:10px;font-size:16px;margin:10px 0}button:hover{background-color:var(--secondary-color)}.invalid-login-label{color:red;font-style:italic}.scoreboard{margin-top:40px}.scoreboard h2{margin-bottom:20px}.game-list{list-style-type:none;padding:0}.game-item{padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;background-color:#fff;display:flex;justify-content:space-between}.game-id,.game-value,.game-date,.game-word{margin-right:10px}.invalid-login-label{color:orange;font-style:italic}
