*{margin:0;padding:0}#root{max-width:1280px;margin:0 auto}.background{position:fixed;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:top center;z-index:-1;margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.button-login{background-color:#f5e1b6;font-family:Sofia;letter-spacing:10px;color:#000;border:none;padding:10px 15px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s;font-weight:700;border:2px solid black}.container-login{margin:-20px auto 30px;font-size:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.container-login-text{margin:40px auto 100px;font-size:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.image-login{width:10px;height:10px}.box-login{margin:0 auto;display:flex;justify-content:center;align-items:center;font-size:15px}.textLogin{font-family:Sofia;letter-spacing:10px;margin-bottom:15px}.container-text-confirmation{margin-top:150px;margin-bottom:100px;text-align:center;background-color:#0000db33;border-radius:10px;box-shadow:0 4px 16px #0000004d}.checkbox-container{display:flex;gap:70px;justify-content:center;align-items:center;background-color:#6bef1933;border-radius:10px;box-shadow:0 4px 16px #0000004d}.custom-checkbox{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;color:#f5f5f5;font-family:Sofia;font-size:larger;font-weight:700}.custom-checkbox input{display:none}.checkmark{width:20px;height:20px;border:2px solid #63e61d;border-radius:4px;margin-right:8px;position:relative;background-color:#fff;transition:background-color .3s,border .3s}.custom-checkbox input:checked+.checkmark{background-color:#4caf50;border-color:#4caf50}.checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked+.checkmark:after{display:block}.checkmark:after{left:5px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.container-text-quiz-welcome{margin-top:120px;margin-bottom:100px;text-align:center}.text-quiz-welcome{display:flex;color:red;flex-direction:column;margin:0 auto;font-family:Sofia;justify-content:center;align-items:center;font-weight:700}.text-quiz{font-family:Sofia;letter-spacing:2px;margin-bottom:30px;margin-top:30px;display:flex;justify-content:center;align-items:center;align-content:center;color:#fff;background-color:#0000db33;border-radius:10px;box-shadow:0 4px 16px #0000004d}.button-base-quiz{display:flex;justify-content:center;align-items:center;background-color:#f5e1b6;color:#1a1818;border-color:red;border-width:2px;padding:10px;font-weight:700;margin:-20px auto 0;border-radius:50px;font-size:20px;cursor:pointer;transition:all 1s ease;box-shadow:0 5px 15px #0003}.basesQuizContainer{display:flex;justify-content:center;align-items:center;background-color:#ee151575;border-radius:10px;box-shadow:0 4px 16px #0000004d;color:#fff}.basesQuizText{list-style-type:none;padding:0;text-align:left;font-weight:700;font-family:Sofia;letter-spacing:2px}.button-quiz{display:flex;justify-content:center;align-items:center;background-color:#f5e1b6;color:#1a1818;border:none;padding:40px;font-weight:700;margin:0 auto;margin-top:-20pxpx;border-radius:50px;font-size:20px;cursor:pointer;transition:all 1s ease;box-shadow:0 5px 15px #0003}.button-quiz:hover{background-color:#eaa75e;transform:translateY(-3px);box-shadow:0 10px 20px #0ce63b4d}.container-quiz{display:flex;justify-content:center;flex-direction:column;align-items:center;align-content:center;margin:200px auto 0}.container-quiz-questions{display:flex;justify-content:center;flex-direction:column;align-items:center;align-content:center;margin:50px auto 0}.buttons-quiz-options{background-color:#f5e1b6;font-family:Sofia;letter-spacing:10px;color:#000;border:none;padding:10px 15px;border-radius:5px;font-size:16px;cursor:pointer;margin:20px 10px}.buttons-quiz-options:hover{background-color:#14ca1d;transition:background-color .3s}@media (hover: none){.buttons-quiz-options{background-color:#f5e1b6}}.container-quiz-oknok{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;margin-top:70px}.image-OK-NOK{display:flex;justify-content:center;align-items:center;width:300px;height:300px;margin:70px auto 0}.text-quiz-nok{color:#ff5733;font-family:Sofia;font-weight:700;letter-spacing:3px;text-align:center}.text-quiz-ok{color:#fff;font-family:Sofia;font-weight:700;letter-spacing:3px;text-align:center;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}.container-buttons-nav{display:flex;justify-content:center;flex:1;margin-right:-70px}.container-buttons-nav2{display:flex;margin-bottom:100px;gap:15px}.button-info1{background-color:#f5e1b6;border:none;border-radius:5px;padding:10px;cursor:pointer}.button-info1:hover{background-color:#0056b3}.button-infoboda{background-color:#f5e1b6;font-family:Sofia;letter-spacing:10px;color:#000;border:none;padding:10px 15px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s;margin-left:-40px}.button-infoboda:hover{background-color:#e67e22}.image-logout{display:flex;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .3s;margin:7px auto 0 300px}.image-logout:hover{transform:scale(2.1)}.textNavBar{font-family:Sofia;letter-spacing:15px;text-align:center;flex:1}.container-buttons-nav{position:relative;margin:2px}.burger-menu{margin-right:-300px;margin-top:-25px}.dropdown-menu{position:absolute;margin-left:210px;display:flex;flex-direction:column;z-index:1;margin-top:20px;border:3px solid #f5e1b6;background-color:#fff}.menu-item{display:flex;align-items:center;padding:15px 12px;cursor:pointer}.menu-item:hover{background-color:#f5f5f5}.language-options{display:flex;flex-direction:column;margin-left:15px}.flag{cursor:pointer;display:flex;align-items:center;padding:4px 0;width:20px;height:20px}.flag:hover{transform:scale(2.1)}.icon{width:25px;height:25px;margin-right:8px;margin-top:-5px}.containerIcon2{display:flex;align-items:center;align-content:center;justify-content:center;text-align:center}.icon2{width:40px;height:40px;margin-bottom:100px;margin-top:-50px}nav{position:fixed;margin:0 auto;top:0;left:0;right:0;background-color:#fff;color:#000;display:flex;justify-content:space-between;align-items:center;text-align:center;padding:10px;border-bottom:2px solid #cccccc}.vertical-aside{width:50px;margin:100px auto 0;display:flex;justify-content:center;align-items:center}footer{background-color:#fff;color:#000;text-align:center;padding:10px;position:fixed;bottom:0;left:0;right:0;font-size:20px;font-weight:700;border-top:2px solid #ccc}.social-links{display:flex;justify-content:left;gap:15px;margin-top:-30px}.footer-olive{display:flex;justify-content:right;margin-top:-40px}.social-links img{width:35px;height:35px;transition:transform .3s;border-radius:10px}.footer-olive img{width:30px;height:30px;border-radius:20px}.social-links img:hover{transform:scale(2.1)}.textThankful{font-family:Sofia;margin:100px auto 50px;display:flex;flex-direction:column;justify-content:center;align-items:center;letter-spacing:12px;overflow:hidden;text-align:center;max-width:100%;box-sizing:border-box}.imagenLupaContainer{display:flex;justify-content:center;align-items:center;margin-top:-20px}.imagenLupaContainer .imagenLupa{width:40px;height:40px;transition:transform .3s;border:2px solid white;border-radius:50px}.imagenLupa:hover{transform:scale(2.1)}.search-container{width:100%;display:flex;justify-content:center;margin-bottom:20px}.search-input{width:300px;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;box-shadow:0 2px 5px #0000001a}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff80;font-family:Sofia}.suggestions li{width:100%;padding-bottom:5px;margin-bottom:5px;cursor:pointer;transition:background-color .3s;text-align:center;color:#fff;letter-spacing:5px;border-radius:5px;list-style-type:none;background-color:#0000db33;box-shadow:0 4px 16px #0000004d}.container-ranking{margin-bottom:40px}.leaderboard{max-width:600px;margin:auto auto 30px;border-bottom:2px solid #ddd;padding:20px}.player{display:flex;align-items:center;margin-bottom:15px;color:#fff}.position{width:30px;font-weight:700;flex-grow:1}.medal{width:50px;height:50px;border-radius:50%;display:flex;margin:0 0 -49px -50px}.photo{width:50px;height:50px;border-radius:0%;margin:10px}.name{flex-grow:1;font-size:18px;display:flex;justify-content:center}.score{font-weight:700}.buttons-homeadmin{margin:100px auto 0;display:flex;justify-content:center}.buttons-rankingadmin{margin:50px auto 0;display:flex;justify-content:center}.checksAdmin{background-color:#0000db33;box-shadow:0 4px 16px #0000004d;color:#fff;display:flex;flex-direction:column;text-align:center}.button-ranking{background-color:#f5e1b6;font-family:Sofia;letter-spacing:10px;color:#000;border:none;padding:10px 15px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s;font-weight:700}.button-ranking:hover{background-color:#e67e22}.container-info1,.container-info2{flex-wrap:wrap;margin:120px auto 40px;width:200px;height:200px;border-radius:50%;background-color:#bfdcf3;display:flex;justify-content:center;align-items:center;border:2px solid green}.container-info2-submitted{flex-wrap:wrap;margin:120px auto 40px;width:200px;height:200px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;border:2px solid red}.container-info3{flex-wrap:wrap;margin:120px auto 90px;width:200px;height:200px;border-radius:50%;background-color:#bfdcf3;display:flex;justify-content:center;align-items:center;border:2px solid green}.container-info3-submitted{flex-wrap:wrap;margin:120px auto 90px;width:200px;height:200px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;border:2px solid red}.image-info{width:100px;height:100px;border-radius:20%;object-fit:cover;margin:10px 100px -15px}.text-info{flex:1;justify-content:center;align-items:center;text-align:center;padding:30px;font-family:Sofia;letter-spacing:8px;color:#000}.text-info-submitted{flex:1;justify-content:center;align-items:center;text-align:center;padding:30px;font-family:Sofia;letter-spacing:8px;color:red}.text-info-title{font-family:Sofia;letter-spacing:10px;margin-bottom:-100px;margin-top:70px;text-align:center}.textarea-container{display:flex;flex-direction:column;margin:80px auto 0;align-items:center;justify-content:center;text-align:center;border-radius:80px;width:400px}.button-info-textarea{background-color:#f5e1b6;font-family:Sofia;letter-spacing:10px;color:#000;border:none;padding:10px 15px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s;margin-top:20px}.button-info-textarea:hover{background-color:#e67e22}.container-text-info1y2{background-color:#0000db33;border-radius:10px;box-shadow:0 4px 16px #0000004d}.textarea-title{font-family:Sofia;letter-spacing:10px;font-size:20px;color:#fff;margin-top:20px}.fancy-textarea{width:100%;height:150px;border:5px solid #f5e1b6;border-radius:4px;padding:10px;font-size:1em;color:#333;resize:none;transition:border-color .3s;margin-top:20px}.fancy-textarea::placeholder{color:#aaa}.loading{text-align:center;margin-bottom:50px;font-size:10px;color:#f0f8ff;font-family:Sofia;letter-spacing:10px}.loading-image{height:70px;width:70px}.map-iframe{width:400px;height:400px;border-radius:10px;overflow:hidden}.info-wedding-container{overflow-y:auto;margin-bottom:100px;display:flex;flex-direction:column;align-items:center}.info-wedding-content{color:#f5f5f5;font-family:Sofia;margin-left:10px;letter-spacing:6px;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center}.info-wedding-container2{overflow-y:auto;margin-bottom:100px;display:flex;flex-direction:column;align-items:center;align-content:center}.info-wedding-content2{color:#f5f5f5;font-family:Sofia;letter-spacing:6px;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;margin-top:60px;margin-bottom:60px;gap:20px;background-color:#64b45475;border-radius:10px;box-shadow:0 4px 16px #0000004d}@media only screen and (max-width: 450px){.background{background-position:-60px 0px;background-repeat:no-repeat}.container-text-confirmation{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;margin-top:300px}.checkbox-container{gap:10px}.custom-checkbox{display:flex;flex-direction:column;cursor:pointer;color:#f5f5f5;font-family:Sofia;margin-left:10px;margin-right:10px;align-items:center;gap:10px;font-weight:700}.container-text-quiz-welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;margin-top:300px}.basesQuizContainer{padding-right:20px;padding-left:20px}.container-quiz-questions{margin-top:350px}.buttons-quiz-options{letter-spacing:3px;font-size:12px;cursor:pointer;transition:background-color .3s;margin:20px 5px}.buttons-quiz-options:hover{background-color:#f5e1b6}h2{display:flex;justify-content:center;align-items:center;font-size:20px;text-align:center}.imagenLupa{width:20px;height:20px}.textThankful{font-size:6px;letter-spacing:8px}.leaderboard{max-width:200px;margin:auto;border-bottom:2px solid #ddd}.player{flex-direction:column}.medal{width:30px;height:30px;margin:0 0 -38px -50px}h1{display:flex;justify-content:center}.textLogin{font-family:Sofia;letter-spacing:10px;margin-bottom:30px}.image-login{width:10px;height:10px}.textNavBar{letter-spacing:8px;font-size:10px}.image-logout{width:15px;height:15px;margin:8px 20px 0 200px}.container-buttons-nav{margin-right:70px}.button-ranking{margin-left:-50px;position:absolute;font-size:14px;letter-spacing:1px;margin-top:-5px}.button-infoboda{font-size:14px;padding:8px 12px;letter-spacing:1px;position:absolute;margin-left:-60px;margin-top:-5px;font-weight:700}.burger-menu{margin:4px auto 0 190px}.button-logout{font-size:5px}.dropdown-menu{margin-left:150px}.container-info{display:flex;flex-direction:column;gap:-90px;margin-top:40px}.container-info1{flex-wrap:wrap;margin:auto;width:130px;height:130px;border-radius:50%;background-color:#bfdcf3;display:flex;justify-content:center;align-items:center;transform:translate(50%,200%)}.container-info2{flex-wrap:wrap;margin:auto;width:130px;height:130px;border-radius:50%;background-color:#bfdcf3;display:flex;justify-content:center;align-items:center;transform:translate(-36%,150%)}.container-info2-submitted{flex-wrap:wrap;margin:auto;width:130px;height:130px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;transform:translate(-36%,150%)}.container-info3{flex-wrap:wrap;margin:auto;width:130px;height:130px;border-radius:50%;background-color:#bfdcf3;display:flex;justify-content:center;align-items:center;transform:translate(50%,100%)}.container-info3-submitted{flex-wrap:wrap;margin:auto;width:130px;height:130px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;transform:translate(50%,100%)}.image-info{width:50px;height:50px;border-radius:20%;object-fit:cover;margin:10px 100px -35px}.text-info{flex:1;justify-content:center;align-items:center;text-align:center;padding:30px;font-family:Sofia;margin-left:4px;letter-spacing:6px;color:#000;margin-top:5px}.text-info-submitted{font-size:20px;margin-top:5px}.text-info-title{font-family:Sofia;letter-spacing:10px;margin-top:-100px}.textarea-container{display:flex;margin:130px auto 0;text-align:center;align-items:center;justify-content:center;width:200px}.fancy-textarea{width:300px}.textarea-title{font-family:Sofia;letter-spacing:1px;font-size:15px;font-weight:700}.buttons-rankingadmin{margin:50px auto 0;justify-content:center;display:flex;flex-direction:column}.map-iframe{width:300px;height:300px}.info-wedding-container,.info-wedding-content{margin-right:20px;margin-left:20px}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:2.2em;line-height:1.1}