@font-face{font-family:Madera;src:url(./../Fonts/Madera-CondBold-6107703.ttf)}:root{--LTA_Green: #12871A;--LTA_Green_Hover: #00491F;--LTA_Pink: #C83C7D;--Text-Colour: white;--Text-Colour-alt: black }.prevent-select{-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;-moz-user-select:none;user-select:none}body{margin:0;padding:0;width:100%;height:100%;font-family:Madera;font-size:16px;box-sizing:border-box;overflow:hidden}title{text-transform:capitalize}section{position:absolute;text-align:center;display:flex;justify-content:center;width:100%;height:100%;overflow:hidden}button{border:0}p{margin:0;padding:0;font-size:16px;font-family:Madera;letter-spacing:0px;line-height:1.5;font-weight:400}#canvas{position:relative;z-index:2}.light-paragarph-text{font-family:Arial,Helvetica,sans-serif;font-size:20px}.paragarph-text{font-family:Madera;font-size:20px}.menuBtns{background:var(--LTA_Green);color:var(--Text-Colour);font-family:Madera;font-size:28px;font-weight:400;letter-spacing:1px;line-height:1;width:65%;border-style:none;text-align:center;border-radius:32px;margin:12px 0;padding:8px 8px 20px;line-height:1.5;font-weight:700;z-index:3}.menuBtns:hover,.menuBtns:active{cursor:pointer;background:var(--LTA_Green_Hover)}.button-green{background:var(--LTA_Green);color:var(--Text-Colour);border-radius:32px}.button-pink{background:var(--LTA_Pink);color:var(--Text-Colour)}.button-black{background:#000;color:var(--Text-Colour);border-radius:32px}.failedCameraStart-container{position:absolute;display:flex;width:100%;height:100%;font-family:Madera;justify-content:center;align-items:center;background-color:#4949494d;z-index:101}.failedCameraStart-box{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;margin:24px;max-width:550px;min-width:300px;background-color:var(--Text-Colour);border-radius:32px}.failedCameraStart-title{font-size:1.2rem;margin:0 0 8px;font-weight:700;color:var(--Text-Colour-alt)}.failedCameraStart-box p{font-size:.875rem;text-wrap:wrap;font-family:Arial,Helvetica,sans-serif;color:var(--Text-Colour-alt)}.failedCameraStart-refreshBtn{border-radius:32px;border:0;margin:.5rem;color:var(--Text-Colour);font-size:1.2rem;font-weight:700;font-family:Madera;width:50%;max-width:220px;background:var(--LTA_Green);text-align:center;padding:8px 8px 12px;cursor:pointer}.failedCameraStart-refreshBtn:hover,.failedCameraStart-refreshBtn:active{background-color:var(--LTA_Green_Hover)}.blurAll{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cookiesBanner-Container{position:fixed;background-color:var(--Text-Colour);display:flex;justify-content:center;align-items:center;bottom:-550px;opacity:0;z-index:5;border-radius:24px;transition:all 1s ease-in-out;z-index:1;margin:24px 24px 28px;padding:16px;min-width:300px;max-width:600px}.cookiesBanner-Div{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:24px;color:#000;text-align:center}.cookiesButton-container{position:relative;width:100%}.cookiesBanner-title{position:relative;letter-spacing:0px;line-height:120%;font-weight:600;font-size:1.5rem}.cookiesBanner-Div p{font-family:Arial,Helvetica,sans-serif;text-align:center}.cookies-button{font-size:20px;width:49%;padding:12px 20px 16px;font-family:Madera;text-align:center;cursor:pointer;z-index:6}.cookies-button:hover,.cookies-button:active{background:var(--LTA_Green_Hover)}#privacy-policy{font-family:Madera;color:#000}.cookies-add{bottom:0;opacity:1}.soft-blur{filter:blur(5px)}.splashScreen{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:all 1s ease-in-out;background-image:url(./../Images/SplashPage/SplashScreen_BG.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.main-flex-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:500px;height:100%;width:100%}.TileText{font-size:44px;font-family:Madera;line-height:1;margin:12px 0;padding:0}.splashScreenLogo{position:relative;width:80%;margin-top:12px}.character-img{position:relative;height:50%;max-height:500px;margin:18px 0}.dynamic-name{text-transform:capitalize}#instructions-page{opacity:0}.margin-bottom{margin-bottom:12px}.images-container{position:relative;width:100%;height:150px;height:20%;margin:12px}.hand-img{position:absolute;top:35px;height:67%;margin:0}.character-instructions-img{position:absolute;left:50px;height:100%;margin:0}#character-pose-2{left:70px;animation:linear infinite;animation-name:scale-in-out;animation-duration:2s}#pinching-hand-img{left:200px}.anim-container{position:relative;width:100%;height:100%;animation:linear infinite;animation-name:left-to-right;animation-duration:2s}@keyframes left-to-right{0%{left:0}50%{left:50px}to{left:0}}@keyframes scale-in-out{0%{scale:1}50%{scale:.7}to{scale:1}}#completion-page{opacity:0}#completion-page-character-img{margin:0;height:100%}.parent-flex-container{position:relative;display:flex;justify-content:center;margin-top:24px;width:100%;height:50%}.flex-container{position:absolute;display:flex;align-items:center;justify-content:center;height:45%}#speach-bubble-img{position:relative;height:100%}.text-box-fixed-size{position:absolute;display:flex;justify-content:center;align-items:center;height:100%;transform:translateY(-12%);z-index:1}#completion-page-text{position:relative;width:90%;padding:8px;font-size:38px;text-align:center;text-transform:uppercase}.gameplay-screen-container{position:absolute;display:flex;justify-content:center;width:100%;height:100%;overflow:hidden}.gameplay-bg-img{position:absolute;height:100%;width:100%;object-fit:cover}.gameplay-buttons-container{position:absolute;width:100%;height:100%}.snap-attribution{padding:1rem;position:absolute;left:0;bottom:0;width:90px;z-index:3}.branding-logo{position:absolute;left:0;top:0;font-size:1rem;border-radius:50%;margin:1rem;width:40px;z-index:3}.gameplayBtns{position:absolute;background-color:#000;right:0;top:0;font-size:24px;border-radius:50%;margin:8px;padding:8px 8px 16px;width:45px;height:45px;line-height:0;text-align:center}@media screen and (max-height : 700px){.TileText{font-size:36px}.light-paragarph-text,.paragarph-text{font-size:16px}.images-container{height:120px}.hand-img{top:25px}.character-instructions-img{left:60px}#pinching-hand-img{left:170px}.parent-flex-container{margin-top:12px}#completion-page-text{font-size:28px}.menuBtns{font-size:20px}}@media screen and (min-width : 701px){.gameplayBtns{width:60px;height:60px}}@media screen and (max-width : 700px){#canvas{width:100%;height:100%;object-fit:cover}}
