body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{background-image:url(/static/media/bg_fam.72b933e4e1dd822b188a.jpg);max-height:120vh;min-height:100vh;min-width:100%;overflow-x:hidden;overflow-y:auto}body,html{height:100%;margin:0;overflow:hidden;padding:0}.banner-container{background-color:#e7bbd6;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;padding:15px;position:relative;top:auto;width:90%}.banner-text{color:#fff;font-family:Fredoka,sans-serif;font-size:36px;font-weight:700;margin:0;text-align:center}.fam-video{aspect-ratio:16/9;background-color:#000;border:10px solid #ffd65e;width:90%}.fam-image-container{flex-wrap:wrap;margin:20px 0}.fam-image-container,.option{display:flex;justify-content:center}.option{align-items:center;background-color:#fff;border:5px solid #e7bbd6;border:5px solid var(--accent-color);border-radius:10px;box-shadow:0 5px 15px #0000001a;cursor:pointer;height:260px;margin:10px;transition:transform .3s ease;width:260px}.option:disabled{cursor:not-allowed;opacity:.7}.correct-option{opacity:.5}.image{max-height:100%;max-width:100%;object-fit:contain}.feedback-animation{bottom:20px;font-size:64px;transform:translateX(-50%)}.next-button{background-color:#eecff0;border:none;border-radius:5px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-family:Fredoka,sans-serif;font-size:20px;font-weight:900;margin-top:20px;padding:15px 40px;transition:background-color .3s ease}.next-button:hover{background-color:#e0b0e0}.next-button:disabled{cursor:not-allowed;opacity:.7}.next-button-text{color:#fff;font-size:24px;font-weight:700}.modal-container{border-radius:30px;max-width:400px;padding:30px;width:60%}.modal-title{font-family:Fredoka,sans-serif;font-size:32px;margin-bottom:10px}.modal-message,.modal-title{font-weight:700}.modal-button-container{display:flex;justify-content:space-between;width:100%}.modal-button{background-color:#ffbd6e;flex:1 1;margin:10px;padding:10px}.modal-button:hover{background-color:#ffa53e}.modal-button-start{background-color:#ffb6c1}.modal-button-start:hover{background-color:#ff9bb6}.disabled-option{cursor:not-allowed;opacity:.6;pointer-events:none}.disabled-option img{filter:grayscale(50%)}.option{transition:all .3s ease}.option:not(.disabled-option):hover{transform:scale(1.05)}.modal-button-single{background-color:#ffbd6e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Fredoka,sans-serif;font-size:18px;font-weight:700;padding:10px;transition:background-color .3s ease;width:100px}.modal-button-single:hover{background-color:#ffa53e}.celebration-text{animation:pulse 1s infinite;color:gold;font-size:2rem;font-weight:700;margin-top:1rem;text-shadow:2px 2px 4px #00000080}.correct-option{animation:correctGlow 1s ease-in-out infinite alternate}@keyframes correctGlow{0%{box-shadow:0 0 5px #4caf50}to{box-shadow:0 0 20px #4caf50}}.option:active{transform:scale(.95);transition:transform .1s}.next-button{transition:background-color .3s,transform .1s}.next-button:active{transform:scale(.95)}@media screen and (orientation:landscape){.container{min-height:130vh;overflow-y:auto}.banner-container{width:60%}.fam-video{margin-top:50px;width:60%}}.container{align-items:center;background-image:url(/static/media/bg_start.e3e93e24b8a93c503f00.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Fredoka,sans-serif;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0}.animation{margin-top:10px;position:relative;width:50%}.title{color:#333;font-size:60px;font-weight:700;margin-bottom:30px;position:relative;text-align:center;top:0}.input{background-color:#fff;border:10px solid #f4f4f4;font-size:30px;font-weight:700;margin-bottom:20px;max-width:1000px;outline:none}.button,.input{border-radius:30px;font-family:Fredoka,sans-serif;padding:20px;width:70%}.button{background-color:#ff6f61;border:none;color:#fff;cursor:pointer;font-size:24px;font-weight:900}.overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.alertBox{background-color:#fff;border-radius:20px;padding:50px;text-align:center;width:70%}.alertTitle{font-size:32px;font-weight:700;margin-bottom:10px}.alertMessage{font-size:24px;margin-bottom:20px}.okButton{background-color:#fbc1b5;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Fredoka,sans-serif;font-size:large;font-weight:900;padding:10px 30px}:root{--primary-color:#b6a6ca;--secondary-color:#cfe2f4;--accent-color:#e7bbd6;--correct-color:#c1d3b6;--button-color:#b7d1eb;--modal-button-color:#ffa726}body{font-family:Fredoka,sans-serif;justify-content:center;margin:0;overflow:hidden;padding:0}.test-screen{align-items:center;background-image:url(/static/media/bg_new_2.1e5fca5aaf1eab582980.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;min-height:100vh;overflow:hidden!important;padding:20px}.banner{background-color:#b6a6ca;background-color:var(--primary-color);box-shadow:0 4px 6px #0000001a;margin-bottom:20px;padding:15px 0;width:100%}.banner h1{color:#fff;font-family:Fredoka,sans-serif;font-size:36px;font-weight:700;margin:0;text-align:center}.video-container{margin-bottom:20px;max-width:800px;width:100%}.video{aspect-ratio:16/9;background-color:#000;border:10px solid #cfe2f4;border:10px solid var(--secondary-color);min-width:97%}.image-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px;max-width:800px;width:100%}.image-wrapper{aspect-ratio:1;background-color:#fff;border:5px solid #e7bbd6;border:5px solid var(--accent-color);border-radius:10px;margin-bottom:20px;overflow:hidden;transition:all .3s ease;width:calc(33.33% - 20px)}.image-wrapper.correct{border-color:#c1d3b6;border-color:var(--correct-color);opacity:.5}.image-button{background:none;border:none;cursor:pointer;height:100%;padding:0;width:100%}.image-button:disabled{cursor:not-allowed}.option-image{height:100%;object-fit:cover;width:100%}.feedback-animation{align-items:center;animation:popIn .5s ease-out;display:flex;flex-direction:column;font-size:5rem;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0)}70%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animation-overlay{bottom:0;height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;width:100%;z-index:1000}.tester-buttons-container{display:flex;justify-content:space-around;margin-bottom:40px;margin-top:10px;max-width:800px;width:100%}.tester-button{background-color:#b7d1eb;background-color:var(--button-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Fredoka,sans-serif;font-size:20px;font-weight:700;min-width:100px;padding:20px 15px;text-align:center;transition:background-color .3s ease}.tester-button:hover{background-color:#a0c0da}.modal-background{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-container{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-width:500px;padding:20px;width:70%}.modal-message{color:#333;margin-bottom:20px;text-align:center}.modal-button,.modal-message{font-family:Fredoka,sans-serif;font-size:24px}.modal-button{background-color:#ffa726;background-color:var(--modal-button-color);border-radius:10px}.modal-button:hover{background-color:#ff9100}.loading-container{align-items:center;background-color:#f8f9fa;display:flex;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}.error-text{color:#666;font-family:Fredoka,sans-serif;font-size:18px;margin-bottom:20px;text-align:center}.retry-button{background-color:#ffa726;background-color:var(--modal-button-color);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:24px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.retry-button:hover{background-color:#ff9100}.modal-buttons{display:flex;justify-content:space-around;margin-top:20px;width:100%}.modal-button{background-color:#b7d1eb;background-color:var(--button-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.modal-button:hover{background-color:#a0c0da}@media screen and (orientation:landscape){body{overflow-y:auto}.banner{width:70%}.test-screen{height:auto;max-height:1050vh}.video-container{width:100%!important}}@media screen and (orientation:landscape) and (max-height:500px){.modal-container{max-height:80vh;overflow-y:auto}}@media screen and (max-aspect-ratio:2/3),screen and (min-aspect-ratio:3/2){.test-screen{height:auto;min-height:auto}}@media screen and (orientation:landscape){.error-container,.loading-container{height:auto;min-height:100vh}}
/*# sourceMappingURL=main.88b13c89.css.map*/