@import"https://fonts.googleapis.com/css2?family=Jua&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300&display=swap";.cloud_class_level_5{width:100%;background:url(/assets/bgskyclouds-78fb9eac.png) repeat 0 0;animation:slide 8s linear infinite;box-sizing:border-box}.bg_level_5{background-image:url(/assets/bglandrocks-1d6a03e5.png);background-repeat:repeat-x;background-size:auto 1080px;height:100vh;margin-bottom:0;width:100vw;animation:slide 10s linear infinite;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes slide{0%{background-position:0 0}to{background-position:0 675px}}.Hangman{width:100%}.questionBox{margin:0 auto;display:flex;align-items:center;justify-content:center;width:min(70vh,90%);background-color:#c9a852;background-image:url(/assets/woodbg-ca311c44.png);border-radius:20px}.questionBox>div{background-color:#c9a852;padding:2% 5%;margin:2.5%;width:88%;border-radius:20px;box-shadow:#32325d40 35px 35px 35px -12px inset,#0000004d 0 18px 25px -25px inset}.questionBox>div>h2{font-size:min(2rem,3.5vw);color:#fff;text-shadow:-1px 1px 2px #7c5f13,1px 3px 2px #7c5f13,1px -1px 0 #7c5f13,-1px -1px 0 #7c5f13}.questionBox>div>h3{font-size:min(1.8rem,3.5vw);margin-top:3%;color:#7c5f13}.words{text-align:center;display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(9,45px);grid-template-rows:repeat(3,45px)}.score{display:flex;background-color:transparent;color:#000;font-weight:bolder;text-align:center;padding:15px;border-radius:25px;font-size:larger}.maingrid{justify-content:center;display:grid;height:92vh;grid-template-rows:34vh auto auto auto;grid-template-columns:100%;overflow:hidden}@media only screen and (max-width: 600px){.words{text-align:center;display:grid;align-items:center;justify-content:center;grid-gap:5px;grid-template-columns:repeat(9,35px);grid-template-rows:repeat(3,35px);font-size:27px}.button-alpha{background-color:#fff;font-weight:600}.questionBox>div{background-color:#c9a852;padding:2%;margin:3%}.maingrid{height:80vh;grid-template-rows:auto auto auto auto}}.submit-button{background:#ffffff;border:black solid;margin-top:15px;padding:3px;color:#000;font-weight:700;width:150px;height:40px;transition:all .35s;border-radius:99px}.submit-button:hover{background:black;color:#fff}.game-timer{position:absolute;top:20px;display:flex;justify-content:space-between;width:100%}.Keyboard-Container{display:flex;flex-direction:column;margin-top:2%;height:30vh}button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit}button.learn-more{width:12rem;height:auto}button.learn-more .circle{-webkit-transition:all .45s cubic-bezier(.65,0,.076,1);transition:all .45s cubic-bezier(.65,0,.076,1);position:relative;display:block;margin:0;width:3rem;height:3rem;background:#282936;border-radius:1.625rem}button.learn-more .circle .icon{-webkit-transition:all .45s cubic-bezier(.65,0,.076,1);transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}button.learn-more .circle .icon.arrow{-webkit-transition:all .45s cubic-bezier(.65,0,.076,1);transition:all .45s cubic-bezier(.65,0,.076,1);left:.625rem;width:1.125rem;height:.125rem;background:none}button.learn-more .circle .icon.arrow:before{position:absolute;content:"";top:-.25rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #fff;border-right:.125rem solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}button.learn-more .button-text{-webkit-transition:all .45s cubic-bezier(.65,0,.076,1);transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:#282936;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}button:hover .circle{width:100%}button:hover .circle .icon.arrow{background:#fff;-webkit-transform:translate(1rem,0);transform:translate(1rem)}button:hover .button-text{color:#fff}@keyframes parachute{0%{transform:rotate(40deg) translateY(150px)}30%{transform:rotate(-20deg) translate(50px,250px)}60%{transform:rotate(20deg) translate(100px,300px)}90%{transform:rotate(0) translate(155px,355px)}to{transform:rotate(-20deg) translate(500px,800px)}}.balloonafter{animation:parachute 5s ease-out;animation-fill-mode:forwards;z-index:99}.balloon>img,.balloon-home>img{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}@-webkit-keyframes mover{0%{transform:translateY(0)}to{transform:translateY(-20px)}}@keyframes mover{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.balloon>img{position:relative;margin-left:auto;margin-right:auto;min-width:150px;width:10%;height:auto}.button-alpha{font-weight:700;background:#cfaa4b;color:#000;height:max(35px,3.2vw);width:max(30px,3vw);align-items:center;border-radius:12px;margin:5px;border:none;font-size:min(2.2rem,4.5vw);border:5px solid #813c1c;transition:.1s all ease}.button-alpha:hover{transform:scale(1.15);font-size:xx-large;background-color:#ffe500;z-index:5}.button-alpha:disabled{pointer-events:none;background-color:#737373}.CorrectLetters{font-weight:700;background:#cfaa4b;color:#000;height:max(35px,3.2vw);width:max(30px,3vw);align-items:center;border-radius:12px;margin:5px;border:none;font-size:min(2.2rem,4.5vw);border:5px solid #813c1c;transition:.1s all ease}.CorrectLetters:disabled{pointer-events:none;background-color:#ffe500}@media only screen and (max-width: 600px){.button-alpha,.CorrectLetters{margin:.5%;border:4px solid #813c1c}.button-alpha:hover{transform:scale(1.03);font-size:x-large}}.btn{color:#000;font-size:25px;font-weight:700;border-radius:20px;padding:10px 40px;font-family:Jua;background-image:linear-gradient(#b38e33,#dfbd69)}.btn:hover{background-image:linear-gradient(#e0c685,#fae8bc);cursor:pointer}.innerBtn{border-radius:30px;padding:8px;background-image:linear-gradient(#e7ca81,#b38e33)}.innerBtn:hover{background-image:linear-gradient(#e6d5ac,#f3d589)}.outerBtn{border-radius:40px;padding:10px;background-color:#452e25}.outerSquareBtn{border-radius:20px;padding:5px;background-color:#452e25;aspect-ratio:1;display:flex;justify-content:center;align-items:center}.innerSquareBtn{display:flex;justify-content:center;align-items:center;aspect-ratio:1;border-radius:20px;padding:8px;background-image:linear-gradient(#e7ca81,#b38e33)}.innerSquareBtn:hover{background-image:linear-gradient(#e6d5ac,#f3d589)}.squareBtn{width:38px;aspect-ratio:1;color:#000;font-size:25px;font-weight:700;border-radius:20px;padding:10px;font-family:Jua;background-image:linear-gradient(#b38e33,#dfbd69)}.squareBtn:hover{background-image:linear-gradient(#e0c685,#fae8bc);cursor:pointer}.closeBtn{color:#ff6262;cursor:pointer;margin-right:10px;border-radius:5px}.closeBtn:hover{opacity:.8}.innerForwardButton{border-radius:30px;padding:8px;background:linear-gradient(0deg,#36241C,#36241C),}.btnModal{color:#000;font-size:25px;font-weight:700;border-radius:20px;padding:10px 40px;font-family:Jua;background-image:linear-gradient(#b38e33,#dfbd69);display:flex;justify-content:center}.btnModal:hover{background-image:linear-gradient(#e0c685,#fae8bc);cursor:pointer}.innerBtnModal{border-radius:30px;padding:8px;background-image:linear-gradient(#e7ca81,#b38e33)}.innerBtnModal:hover{background-image:linear-gradient(#e6d5ac,#f3d589)}.outerBtnModal{border-radius:40px;padding:10px;background-color:#452e25}.outerSquareBtnModal{border-radius:20px;padding:5px;background-color:#452e25;aspect-ratio:1;display:flex;justify-content:center;align-items:center}.innerSquareBtnModal{display:flex;justify-content:center;align-items:center;aspect-ratio:1;border-radius:20px;padding:8px;background-image:linear-gradient(#e7ca81,#b38e33)}.innerSquareBtnModal:hover{background-image:linear-gradient(#e6d5ac,#f3d589)}.squareBtnModal{width:38px;aspect-ratio:1;color:#000;font-size:25px;font-weight:700;border-radius:20px;padding:10px;font-family:Jua;background-image:linear-gradient(#b38e33,#dfbd69)}.squareBtnModal:hover{background-image:linear-gradient(#e0c685,#fae8bc);cursor:pointer}@media screen and (max-width: 800px){.outerBtnModal{width:80%}.btnModal{font-size:20px;height:20px}.squareBtnModal{width:30px;border-radius:20px;padding:7px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-dialog{margin:0 auto;box-shadow:0 .5rem 1rem #00000026;border-radius:3rem}.modal-content{font-family:Jua;max-width:1000px}.modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-repeat:repeat;background-position:center;height:80px;border-top-left-radius:2rem;border-top-right-radius:2rem;background-image:url(/assets/woodbg-ca311c44.png)}.modal-title{flex-grow:1;text-align:center;font-family:Jua;color:#af8b2f;font-size:3rem;margin-left:50px;text-shadow:-1px -1px 0 #7C5F13,1px -1px 0 #7C5F13,-1px 1px 0 #7C5F13,1px 1px 0 #7C5F13}.modal-body{display:flex;background-color:#4f3224;width:100%}.modal-left{width:3%;background-image:url(/assets/woodbgvertical-e1614477.png);background-repeat:no-repeat;background-position:center;display:flex;align-items:center;position:relative}.modal-center{width:94%;max-height:530px;background-color:#cfaa4b;box-shadow:inset 3px 5px 4px #0006;border-radius:1rem;display:flex;align-items:center;justify-content:center}.modal-right{width:3%;background-repeat:no-repeat;background-position:center;background-image:url(/assets/woodbgvertical-e1614477.png);display:flex;align-items:center;position:relative}.modal-footer{align-items:center;justify-content:space-between;position:relative;background-repeat:repeat;background-position:center;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;background-image:url(/assets/woodbg-ca311c44.png);min-height:20px}.leaf-left{position:absolute;left:-50px;height:190px}.leaf-left-categories{position:absolute;left:-50px;top:0px;height:190px}.leaf-right{position:absolute;height:210px;right:-50px;margin-bottom:80px}.leaf-right-categories{position:absolute;height:210px;right:-40px;bottom:-160px;z-index:1}.leaf-right-winner{position:absolute;height:210px;right:-40px;bottom:-50px;z-index:1}.settings-contentContainer{width:550px;height:35vh;display:flex;flex-direction:row;align-items:center;justify-content:center}.content-tagtitle{font-family:Jua;font-size:3rem;color:#7c5f13;margin-bottom:10px;display:flex;justify-self:flex-start}.checkboxes-label{justify-content:space-between;flex-direction:column}.custom-checkbox *,.custom-checkbox *:before,.custom-checkbox *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.custom-checkbox .new{padding-right:15px}.custom-checkbox .form-group{display:block;margin-bottom:15px}.custom-checkbox .form-group input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer}.custom-checkbox .form-group label{position:relative;cursor:pointer}.custom-checkbox .form-group label:before{content:"";-webkit-appearance:none;background:linear-gradient(180deg,rgba(163,127,37,.19) 0%,#CF7B4B 100%);border:3px solid #813C1C;border-radius:10px;box-shadow:0 1px 2px #0000000d,inset 0 -15px 10px -12px #0000000d;padding:3px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:5px;height:50px;width:50px;box-sizing:border-box;text-align:center;line-height:50px}.custom-checkbox .form-group input:checked+label:after{content:"";display:block;position:absolute;top:50%;left:47%;transform:translate(-50%,-50%) rotate(45deg);width:18px;height:40px;border:solid #4D3021;border-radius:5px;border-width:0 7px 7px 0}.custom-checkbox .form-group label:hover:before{background:rgba(255,255,255,.4)}.howto-Container{display:flex;flex-direction:row;margin:40px;max-width:850px}.step1-img,.step2-img{margin-right:20px}.step3-img{height:100px;margin-top:60px;margin-right:20px}.step-instruc{display:flex;align-items:center;text-align:center;font-family:Jua;font-size:2rem;color:#fff;text-shadow:-1px -1px 0 #7C5F13,1px -1px 0 #7C5F13,-1px 1px 0 #7C5F13,1px 1px 0 #7C5F13}.stepper-Container{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px}.iconHowto{color:#fff}.stepper-title{text-align:center;font-family:Jua;color:#af8b2f;font-size:2rem;font-weight:400;text-shadow:-1px -1px 0 #36241C,1px -1px 0 #36241C,-1px 1px 0 #36241C,1px 1px 0 #36241C;margin-left:40px;margin-right:40px}.stepper-hide{opacity:0}.category-Container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:40px}.category-checkbox{display:flex;flex-direction:row;align-items:center;justify-content:center}.category-radioLabel>input+div{border:1px solid grey;text-align:center;justify-content:center;background:linear-gradient(180deg,rgba(163,127,37,.19) 0%,#CF7B4B 100%);border:4px solid #813C1C;border-radius:10px;width:120px;height:120px;margin:20px}.category-radioLabel>input+div:hover{background:rgba(255,255,255,.4)}.category-radioLabel>input{visibility:hidden;position:absolute}.category-radioLabel{cursor:pointer}.category-tagtitle{display:flex;align-items:center;justify-content:center;font-family:Jua;font-size:2rem}.category-radioLabel>input:checked+div{border:4px solid #813C1C;background:#FFD600}.select-container{width:40%;height:100%;display:flex;justify-content:center;align-items:center;margin:auto}.winnerModal-content{display:flex;text-align:center;font-family:Jua;align-items:center;justify-content:center;font-size:3.5rem;color:#fff;text-shadow:-1px -1px 0 #7C5F13,1px -1px 0 #7C5F13,-1px 1px 0 #7C5F13,1px 1px 0 #7C5F13;max-width:900px;height:40vh}.winnerModal-msg{display:flex;font-weight:600;margin-top:30px;margin-bottom:20px}.winnerModal-submsg{margin-top:20px;margin-bottom:30px;font-size:2rem;font-weight:500}.kevin-Modal{height:160px;margin-top:auto;margin-right:auto}.russell-Modal{height:130px;margin-bottom:auto}.winner-textcontent{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:50px;margin-right:50px}.loserModal-content{display:flex;text-align:center;font-family:Jua;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;text-shadow:-1px -1px 0 #7C5F13,1px -1px 0 #7C5F13,-1px 1px 0 #7C5F13,1px 1px 0 #7C5F13;width:550px;height:20vh}.loserModal-msg{display:flex;font-weight:600}.modal-center-loser{width:93%;min-height:220px;background-color:#cfaa4b;box-shadow:inset 3px 5px 4px #0006;border-radius:1rem;display:flex;align-items:center;justify-content:center}.completedModal-content{display:flex;flex-direction:column;text-align:center;font-family:Jua;align-items:center;justify-content:center;font-size:3.5rem;color:#fff;text-shadow:-1px -1px 0 #7C5F13,1px -1px 0 #7C5F13,-1px 1px 0 #7C5F13,1px 1px 0 #7C5F13;max-width:900px;height:38vh}.completedModal-container{width:720px}.completed-textcontent{display:flex;align-items:center;justify-content:center;flex-direction:column}.completedModal-msg{font-weight:600;margin-top:10px;margin-bottom:10px}.completedModal-submsg{font-size:2rem;font-weight:500;margin-bottom:30px}.completedBgImage{height:200px}@media (max-width: 800px){.winnerModal-content{flex-direction:column;font-size:2rem;height:30vh}.winnerModal-submsg{font-size:1.5rem}.completed-textcontent{font-size:2rem}.completedModal-submsg{font-size:1.5rem}.completedBgImage{height:150px}.completedModal-msg{margin-bottom:10px}.completedModal-submsg{margin-bottom:20px}.kevin-Modal,.russell-Modal{display:none!important}.category-checkbox{flex-direction:column}.category-radioLabel>input+div{width:230px;height:60px;margin:10px}.settings-contentContainer{height:25vh;width:400px}.howto-Container{flex-direction:column;max-width:320px}.step-instruc{margin-top:30px}.step1-img{margin:0;width:250px}.step2-img{margin:0;height:250px}.step3-img{margin:0;width:300px}.winner-textcontent{margin-left:10px;margin-right:10px}.loserModal-content{width:300px}.completedModal-container{width:340px;height:30vh}.modal-title{font-size:2.5rem}.leaf-left,.leaf-right-winner,.leaf-right-categories{display:none}.loserModal-content{font-size:2rem;padding-left:20px;padding-right:20px}.category-tagtitle{font-size:1.9rem}.settings-contentContainer{width:350px;height:25vh;display:flex;flex-direction:row;align-items:center;justify-content:center}.content-tagtitle{font-size:2.4rem}.custom-checkbox .form-group label:before{height:42px;width:42px}.custom-checkbox .form-group input:checked+label:after{top:50%;left:47%;width:15px;height:30px;border-radius:3px}.leaf-right{display:none}.step-instruc{font-size:1.7rem}}.WordByWord{border-radius:10%;border-bottom:5px solid #4f3222}.space{padding:8px}.WordByWord>span{padding:0vw 1vw;font-size:min(2.5rem,4.8vw);border-radius:5px;font-weight:600}.WordByWord>span[data-letter=M]{border-bottom:none}.cloud__class__1{background:url(/assets/bgskyclouds-075bb039.gif);background-size:auto 300px}.app-bg{background-image:url(/assets/bglandrocks-1d6a03e5.png);background-position:bottom;background-repeat:repeat-x;background-size:auto 1080px;height:100vh;margin-bottom:0;width:100vw}.balloon{display:flex;justify-content:center;align-items:center}#buttonContainer{display:flex;padding:20px;justify-content:center}.main-wrapper{max-width:1080px;margin:auto;position:relative;height:100%}.lowerBtnContainer{display:flex;gap:30px;position:absolute;bottom:50px;right:20px}.icon{position:relative;top:2px}.uplogo{position:absolute;right:0}.carl{position:absolute;left:250px;bottom:0}.house{position:absolute;left:0;bottom:400px}.kevin{position:absolute;left:100px;bottom:0}.russell{position:absolute;right:250px;bottom:0}.carl-imgCharacter,.kevin-imgCharacter,.russell-imgCharacter{cursor:pointer}.dim_gray{position:fixed;width:100vw;height:100vh;background-color:#86c4d6;opacity:.7;z-index:0}.app-bg-pre-game{background-image:url(/assets/bglandrocks-1d6a03e5.png);background-position:bottom;background-repeat:repeat-x;background-size:auto 1080px;height:100vh;margin-bottom:0;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.main-text{font-size:35px;z-index:1;font-family:Poppins;font-weight:700;text-shadow:10px;box-shadow:20px}.balloon-text{font-size:20px;z-index:1;font-family:Poppins;font-weight:700;text-shadow:3px;margin-bottom:30px}*{margin:0;padding:0;text-align:center;font-family:monospace}
