@import url(https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap);body{background-attachment:fixed;background-blend-mode:hard-light;background-color:#fff0e5;background-image:url(/communication-style-quiz/static/media/background-jellyfish.759cdf0b2773288a4c10.png);background-position:50%;background-repeat:no-repeat;background-size:50%;color:#10162f;font-family:Red Hat Display,Arial,sans-serif;font-family:Red Hat Display,sans-serif;font-optical-sizing:auto;margin:0}ul{list-style:none;list-style-type:none;text-decoration:none}p{font-size:1.5rem}@media (max-width:600px){p{font-size:1rem}}.App{margin:0 auto;padding:20px;text-align:center}@media (max-width:600px){.App{padding:10px}}.welcome-container{align-items:center;border:1px dotted #10162f;display:flex;flex-direction:column;justify-content:center;margin:20px 0;min-height:64vh;padding:2%;text-align:center}.welcome-container img{max-width:220px}.app-header{background-color:#f8f9fa;border-bottom:2px solid #eaeaea;box-shadow:0 2px 4px #0000000d;justify-content:space-between;padding:10px 20px}.app-header,.brand{align-items:center;display:flex}.brand{cursor:pointer;gap:15px}.logo{border-radius:50%;height:50px;width:auto}.controls{align-items:center;display:flex;gap:2px}.lang-group{display:flex;gap:4px}.lang-group button{background:#fff;border:1px solid #10162f;border-radius:1px;color:#10162f;cursor:pointer;font-size:.75rem;margin:0 2px;max-width:64px;min-width:48px;padding:1px}.lang-group button.active{background-color:#333;border-color:#333;color:#fff}.reset-btn{background-color:initial;border:1px solid #ff6b6b;border-radius:20px;color:#ff6b6b;cursor:pointer;font-weight:700;padding:5px 1px;transition:all .2s}.reset-btn:hover{background-color:#ff6b6b;color:#fff}@media (max-width:600px){.app-header{flex-direction:column;gap:12px}.lang-group button{margin:0 4px;max-width:68px;min-width:44px}}button{background-color:#10162f;border-radius:7%;color:#f8f9fa;font-style:bold;max-width:127px;min-width:88px;padding:8px}.quiz-container{background-color:#ffffff40;border:1px solid #10162f;margin:36px auto;max-width:900px;padding:4px}.quiz-container h1{border-bottom:1px solid #10162f;margin:12px auto}.statements{align-items:normal;display:flex;flex-direction:column;gap:24px;margin:32px}.statement{display:flex;justify-content:space-around}.score-buttons{display:flex;gap:10px;justify-content:center;margin-top:10px}.score-btn{background-color:#fff;border:1px dashed #10162f;border-radius:1px;color:#ccc;cursor:pointer;font-size:1.2rem;font-weight:700;min-width:36px;padding:3px 6px;transition:all .2s ease}.score-btn:not(:disabled):hover{background-color:#f9f9f9;border-color:#888;transform:translateY(-2px)}.score-btn.selected{background-color:#4caf50;border-color:#4caf50;box-shadow:0 4px 6px #10162f1a;color:#fff}.score-btn:disabled{background-color:#eee;border-color:#eee;color:#ccc;cursor:not-allowed;text-decoration:line-through}@media (max-width:600px){.score-btn{max-width:48px;min-width:12px}}.navigation{display:flex;justify-content:space-between;margin:20px}@media (max-width:600px){.quiz-container h1{font-size:21px;margin-bottom:12px;padding-bottom:12px}.statement{align-items:flex-start;flex-direction:column;margin:0}}.progress{height:12px;margin:20px}.progress>div{background:#10162f;height:100%;transition:width .3s}.results-container{margin:0 auto;max-width:600px;padding:20px;text-align:center}.result-card{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px}.scores{display:flex;justify-content:space-around;margin-bottom:20px}.result-image{border-radius:12px;box-shadow:0 4px 15px #0000001a;display:block;height:auto;margin:0 auto 20px;max-height:300px;max-width:100%}.result-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000000d;margin:0 auto;max-width:600px;padding:30px;text-align:center}@media (max-width:600px){.scores{flex-direction:column}}footer{margin-top:24px;text-align:center}footer p{font-size:1.2rem}@media (max-width:600px){footer p{font-size:.9rem}}.carousel-frame{height:300px;margin:20px auto;max-width:400px;overflow:hidden;position:relative;width:100%}.carousel-image{height:100%;left:50%;object-fit:contain;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity 1s ease-in-out;width:100%}.carousel-image.active{opacity:1;z-index:2}
/*# sourceMappingURL=main.779d9a70.css.map*/