@import url(https://fonts.googleapis.com/css?family=Fredoka&display=swap);:root{--dark-blue:#003964;--background-color:#b0dde7;--light-color:#faf7f3;--button-color:#034e78;--button-shadow:#022e47;--accent-color:#ffd140;--accent-color-lighter:#fedc81}*,:after,:before{box-sizing:border-box}ul{padding:0}input{color:#003964;color:var(--dark-blue)}button{all:unset}body{color:#003964;color:var(--dark-blue);font-family:Fredoka;margin:0;min-height:100vh;min-height:100svh;padding:0;text-rendering:optimizeSpeed}body,header{background-color:#faf7f3;background-color:var(--light-color)}header{align-items:center;box-shadow:0 3px 5px #295ec00d;color:#044a80;display:flex;font-size:14px;height:86px;justify-content:flex-start;position:relative}.header-logo{color:#005596;flex:0 1 auto;left:50%;position:absolute;transform:translateX(-50%)}.header-logo,header .info-button{align-items:center;display:flex;justify-content:center}header .info-button{border:3px solid #c8c8c8;border-radius:50%;color:#c8c8c8;font-size:20px;font-weight:700;height:24px;margin-left:auto;margin-right:14px;overflow:hidden;text-align:center;width:24px}.wave-bottom{--mask:radial-gradient(50.47px at 50% calc(100% - 68.4px),#000 99%,#0000 101%) calc(100% - 48px) 0/96px 100%,radial-gradient(50.47px at 50% calc(100% + 44.4px),#0000 99%,#000 101%) 100% calc(100% - 24px) /96px 100% repeat-x;-webkit-mask:var(--mask);mask:var(--mask);padding-bottom:28px}#logo-image{height:auto;margin-right:12px;max-height:33px;width:auto}#quiz-container-and-header-wrapper{background-color:#b0dde7;background-color:var(--background-color);min-height:100vh;min-height:100svh}#quiz-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:500px;min-height:calc(100vh - 92px);min-height:calc(100svh - 92px);overflow:hidden;padding:0 20px}#quiz-container h1,#quiz-container h2,#quiz-container h3{text-align:center}#quiz-container h2{font-size:1.5rem}#quiz-container h3{font-size:1.3rem}#question-image{display:block;height:auto;max-height:36vh;max-width:100%;object-fit:contain;width:auto}.question{padding:0 20px;width:100%}#quiz-container .question-number{font-size:1.6rem;margin:0 0 10px;padding:16px 30px}.question p{font-size:1.4rem;font-weight:600;line-height:1.6rem}@media (max-height:880px){.question p{font-size:1.2rem;line-height:1.45rem}}#answers-container,#category-container{align-items:center;display:flex;flex-direction:column;width:100%}.answer-box,.category-box{background-color:#faf7f3;background-color:var(--light-color);border-radius:28px;box-shadow:0 4px 6px #3367a333;color:#003964;color:var(--dark-blue);cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;line-height:1.8rem;margin-bottom:10px;padding:14px 25px 14px 14px;transition:background-color .3s;width:100%}@media (max-height:880px){.answer-box{border-radius:26px;border-radius:calc(.8rem + 10px);font-size:1.15rem;line-height:1.4rem;padding:10px 25px 10px 10px}}.category-box{align-items:center;justify-content:center;padding:14px 25px}.category-list{width:90%}.selected{background-color:#fedc81;background-color:var(--accent-color-lighter)}.answer-text{margin:auto 0}.number-container{display:flex;margin-right:1rem}.circle{align-items:center;background:#ffd140;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:2rem;justify-content:center;line-height:2rem;margin-right:5px;max-height:2rem;max-width:2rem;text-align:center;width:2rem}@media (max-height:700px){.circle{font-size:1rem;height:1.8rem;line-height:1.8rem;max-height:1.8rem;max-width:1.8rem;width:1.8rem}}.answer-box:first-child .number-container .circle p{left:-2%;position:relative}.selected .circle{background:#faf7f3;background:var(--light-color);color:#ffd140;color:var(--accent-color)}.action-button{background-color:#034e78;background-color:var(--button-color);border-radius:25px;box-shadow:0 5px 0 0 #022e47;box-shadow:var(--button-shadow) 0 5px 0 0;color:#fff;cursor:pointer;font-size:1.2rem;margin-bottom:20px;margin-top:12px;max-width:300px;min-width:80px;padding:14px 40px;text-align:center}@media (max-height:800px){.action-button{margin-top:5px;padding:12px 40px}}.action-button:disabled{background-color:#afafaf;background:#afafaf;box-shadow:0 5px 0 0 #888;color:#c8c8c8}.action-button:not([disabled]):active{box-shadow:0 3px 0 0 #022e47;box-shadow:var(--button-shadow) 0 3px 0 0;transform:translateY(2px)}#secret-number-input{background-color:(--light-color);border:4px solid #003964;border:4px solid var(--dark-blue);border-radius:25px;font-family:Fredoka;font-size:2.5rem;letter-spacing:.1rem;margin-bottom:10px;padding:12px 22px;text-align:center}#secret-number-input.incorrect{border-color:#f85d48}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}.result-numbers-container{display:flex;flex-wrap:wrap;margin-bottom:30px}.result-number{align-items:center;background-color:#f1c6c6;border:3px solid;border-radius:50%;display:flex;font-size:1.1rem;font-weight:700;height:2.4rem;justify-content:center;line-height:2.1rem;margin-right:5px;max-height:2.4rem;max-width:2.4rem;width:2.4rem;z-index:2}.result-number.correct{background-color:#aee7c8;border-color:#48b479}.result-number.incorrect{border-color:#ff5050}.result-number.incorrect:after,.result-number.incorrect:before{background:#ff505083;content:"";height:3px;position:absolute;transform:rotate(-45deg);width:2.4rem;z-index:-1}.result-number.incorrect:after{transform:rotate(45deg)}.modal-backdrop{background-color:#032b426c;left:0;min-height:100vh;position:fixed;top:0;width:100vw;z-index:10}.modal-content-wrapper{background-color:#faf7f3;background-color:var(--light-color);border-radius:25px;display:flex;flex-direction:column;justify-content:space-between;left:0;margin:auto;max-height:calc(100vh - 20px);overflow-y:auto;padding:36px;position:fixed;right:0;top:50%;transform:translateY(-50%);width:min(100vw - 20px,640px);z-index:10}@media (max-height:932px){.modal-content-wrapper{background-color:#faf7f3;background-color:var(--light-color);border-radius:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;margin:auto;min-height:100vh;overflow-y:auto;padding:36px;position:fixed;right:0;top:0;transform:translateY(0);width:min(100vw - 20px,500px);z-index:10}}.modal-content{margin:auto;max-width:500px}.info{font-size:1.3rem}.info h1{font-size:2.4rem;margin-top:10px}@media (max-width:368px){.info h1{font-size:2rem}}@media (max-width:300px){.info h1{font-size:1.6rem}}.info ol{counter-reset:my-counter;list-style-type:none;margin-bottom:36px;padding-left:8px}.info ol li{counter-increment:my-counter;margin-bottom:24px}.info ol li:before{content:counter(my-counter) ". ";font-weight:700}.info p{margin-block-start:24px}#footer{align-items:center;background-color:#faf7f3;background-color:var(--light-color);color:#888;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:80px;padding:20px}#footer-logo-image{height:20px}#login-container{font-size:1.2rem}#login-container input{font-size:1rem}.large-button{background-color:#044a80;border-radius:20px;color:#fff;cursor:pointer;font-size:1.2rem;max-width:300px;min-width:80px;padding:10px 20px;text-align:center}.log-in-container{background-color:#f0f0f0;border:2px solid #ccc;border-radius:15px;box-shadow:0 2px 4px #0000001a;margin:20px auto;padding:30px;text-align:center;width:300px}.popup-container{text-align:center}#username{margin-bottom:20px;margin-top:10px}#password{margin-bottom:25px}.log-in-button{background-color:#034e78;background-color:var(--button-color);border-radius:20px;color:#fff;cursor:pointer;font-size:1.2rem;max-width:300px;min-width:80px;padding:10px 20px;text-align:center}.page-container{padding-left:10%;padding-top:50px;position:relative;width:90%}.create-container{position:absolute;right:5px}.page-container table{border-collapse:initial;border-spacing:20px;width:100%}.page-container table td{border-radius:20px;text-align:center}.quiz-list h2{margin:26px 0 0}.td-transparent{background-color:initial}.td-color{background-color:#f9f9f9;width:90%}.edit-del-button{background-color:#044a80;border-radius:20px;color:#fff;cursor:pointer;padding:10px;text-align:center;width:90%}.edit-del-button:hover,.new-quiz-button:hover{background-color:#af4343}.new-quiz-button{background-color:#0e6aa7;border-radius:20px;color:#fff;cursor:pointer;font-size:large;padding:10px 20px}.alert-container,.new-quiz-button{text-align:center}.dashboard-header{height:120px}.welcome-text{margin-left:5%}.bm-burger-button{height:30px;position:absolute;right:20px;top:20px;width:36px}@media (min-width:100px){.bm-burger-button{right:50px;top:30px}}.bm-burger-bars{background:#044a80}.bm-burger-bars-hover{background:#a90000}.bm-cross-button{right:12px!important;top:12px!important}.bm-cross{background:#bdc3c7}.bm-menu-wrap{height:100%;position:fixed;width:400px!important}.bm-menu{background:#faf7f3;font-size:1.15em;padding:2.5em 1.5em 0}.bm-morph-shape{fill:#373a47}.bm-item-list{color:#b8b7ad;padding:.8em}.bm-item{color:#044a80;margin-bottom:10px;text-align:left;text-decoration:none;transition:color .2s}.bm-item:hover{color:#dfbc4c}.bm-overlay{background:#000f1e4d!important}.form-container{background-color:#f0f0f0;border:2px solid #ccc;border-radius:15px;box-shadow:0 2px 4px #0000001a;margin:50px auto;padding:40px;width:360px}.form-container,.form-container .input{text-align:center}.form-container input{width:100%}.form-group-1,.form-group-2{padding-bottom:30px;padding-top:10px}.change-password-button{background-color:#044a80;border-radius:20px;color:#fff;cursor:pointer;margin-right:10px;padding:10px;text-align:center}.text{text-align:left}.button-container{padding-right:50px;padding-top:10px;text-align:right}.go-back-button{background-color:#044a80;border-radius:20px;color:#fff;cursor:pointer;margin-bottom:20px;margin-right:10px;padding:10px 20px}.quiz-form-container{background-color:#f0f0f0;border:2px solid #ccc;border-radius:15px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;margin-left:15%;max-width:900px;padding:20px 20px 20px 100px;text-align:left;width:70%}.quiz-form-container .large-button{margin-top:20px}.quiz-container{grid-gap:10px;display:grid;grid-template-columns:auto auto}.question-container,.quiz-container{background-color:#f0f0f0;border:2px solid #ccc;border-radius:15px;box-shadow:0 2px 4px #0000001a;padding:20px;width:90%}.question-container button{background-color:#044a80;border-radius:15px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:2px;padding:6px 15px;text-align:center}.question-container .input-container .input-row button{left:calc(70% + 16px);margin-top:0;position:absolute}.question-container .input-container{margin-bottom:16px}.question-container .input-container input{height:1.6rem}.question-container .input-container .input-row{align-items:center;display:flex;height:1.6rem;position:relative}.input-container{display:flex;flex-direction:column}.input-container label{margin-bottom:5px}.input-container input{width:70%}.answer-row{align-items:center;display:flex;margin-bottom:10px}.answer-row input[type=radio]{margin-left:10px;width:20px}.answer-row input[type=text]{width:70%}.center-container{display:flex}.center-container,.user-list-container{align-items:center;flex-direction:column}.user-list-container{grid-gap:10px;background-color:#f0f0f0;border:2px solid #ccc;border-radius:15px;box-shadow:0 2px 4px #0000001a;display:grid;display:flex;grid-template-columns:auto auto;max-width:800px;padding:20px 20px 40px;width:80%}.small-button{background-color:#044a80;border-radius:20px;color:#fff;cursor:pointer;font-size:1.1rem;max-width:200px;padding:10px 20px;text-align:center}.small-button:disabled{background-color:#9e9e9e;color:#fff}.error-message,.input-error-text{color:red}.user-dashboard{min-width:800px}.user-dashboard h2{margin:0 0 12px}.user-table{border-collapse:initial;border-spacing:0 20px;margin-top:20px;max-width:900px}.user-table tr{margin-bottom:50px}.user-table td{border-radius:20px;white-space:nowrap}.user-table td:first-child{text-align:center}.user-table button{margin-left:10px}.user-form-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-width:400px}.user-form-container .input-container{align-items:baseline;display:flex}.user-form-container .input-container input{width:260px}.user-form-container button{margin-bottom:10px;margin-top:8px}.location-list-container{max-width:700px;width:70%}.location-list-container .center-container .small-button{margin:10px}.location-container{background-color:#f0f0f0;border:2px solid #ccc;border-radius:15px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;font-size:1.1rem;margin-bottom:16px;padding:16px 20px;width:100%}.location-container label{font-weight:700}.button-row-right{display:flex;gap:11px;height:40px;justify-content:flex-end}.location-data-container{display:flex;gap:20px;margin-bottom:10px}.location-text-container{display:flex;flex-direction:column;gap:8px;width:100%}.location-text-container .input-container{flex-direction:row;height:21px}.location-text-container .input-container input{margin-left:10px;max-width:400px}.location-text-container .input-container #Kod{max-width:60px}.location-text-container .input-container .input-error-text{font-size:.9rem;margin-left:4px}.location-number{font-weight:700}.active-edit{border-color:#044a80}.Loader_loader__\+lRPl{animation:Loader_spin__E4RJ0 1s linear infinite;border:7px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes Loader_spin__E4RJ0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.0271caa2.css.map*/