@font-face{font-family:josefin sans;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2)format('woff2');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,::after,::before{box-sizing:border-box}html{width:100%;height:100vh;margin:0;overflow-x:hidden;overflow-y:auto}body{width:100%;height:100vh;margin:0;font-family:josefin sans,sans-serif;background-image:radial-gradient(circle at center,#002129,#000);overflow-x:hidden;overflow-y:auto;background-size:cover;background-repeat:repeat;background-color:initial;padding-top:85px;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;position:relative}a{text-decoration:none}ul{list-style:none}dl,ol,ul{margin-top:0;margin-bottom:1rem}h4{margin-bottom:.5rem}img,svg{vertical-align:middle}[type=button]:not(:disabled),button:not(:disabled),[role=button]{cursor:pointer}[type=button],button{-webkit-appearance:button}button{text-transform:none;margin:0;font-family:inherit;background-color:unset;font-size:inherit;line-height:inherit}.container-sm{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto;flex:100%;color:#fff;padding-top:20px;padding-bottom:20px}.mainClass img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}.mainClass ul{margin-bottom:0;padding-inline-start:28px}.mainClass ul li{padding:0;margin-bottom:.6em}.mainClass ul li::before{content:"";height:4px;width:4px;background-color:#fff;border-radius:50%;display:inline-block;margin-left:-1em;margin-right:.8em;margin-bottom:.2em}.mainClass ol{padding-left:1.2em;margin-bottom:0}.mainClass ol li{line-height:24px;margin-left:.5em;padding:0;margin-bottom:1em}.mainClass p{padding-block-start:1em;padding-block-end:1em}.mainClass a{background:-webkit-linear-gradient(#4fd698,#024c4c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.mainClass a:hover{background:-webkit-linear-gradient(#00ff8a,#006969);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(min-width:768px){.container-sm{max-width:720px}}@media(min-width:992px){.container-sm{max-width:960px}}@media(min-width:1200px){.container-sm{max-width:1230px}}.container{-ms-flex-negative:0;flex-shrink:0;position:relative;background-image:url(./../image/bg.svg);margin:40px 0}.container::before{content:"";display:block;width:100%;height:115%;background-image:url(./../image/bg-leaf.svg);position:absolute;background-size:cover;top:0;left:0}.container canvas{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.container .leaf{position:absolute;z-index:10}.container .leaf-01{width:290.296px;height:197.981px;background-image:url(./../image/leaf-01.svg);-webkit-transform-origin:top left;transform-origin:top left;top:-10px;left:7px;-webkit-animation:leaf 8s -2s infinite;animation:leaf 8s -2s infinite}.container .leaf-02{width:130.828px;height:131.056px;background-image:url(./../image/leaf-02.svg);-webkit-transform-origin:top right;transform-origin:top right;top:-60px;right:325px;-webkit-animation:leaf 10s -3s infinite;animation:leaf 10s -3s infinite}.container .leaf-03{width:214.618px;height:225.252px;background-image:url(./../image/leaf-03.svg);-webkit-transform-origin:top right;transform-origin:top right;top:60px;right:23px;-webkit-animation:leaf 5s -2s infinite;animation:leaf 5s -2s infinite}.container .leaf-04{width:303.2px;height:356.908px;background-image:url(./../image/leaf-04.svg);-webkit-transform-origin:bottom left;transform-origin:bottom left;bottom:-41px;left:-4px;-webkit-animation:leaf 7s -1s infinite;animation:leaf 7s -1s infinite}.container .leaf-05{width:253.153px;height:292.861px;background-image:url(./../image/leaf-05.svg);-webkit-transform-origin:bottom right;transform-origin:bottom right;bottom:-44px;right:660px;-webkit-animation:leaf 9s -3s infinite;animation:leaf 9s -3s infinite}.container .leaf-06{width:269.787px;height:346.454px;background-image:url(./../image/leaf-06.svg);-webkit-transform-origin:bottom right;transform-origin:bottom right;bottom:-75px;right:52px;-webkit-animation:leaf 15s -5s infinite;animation:leaf 15s -5s infinite}.container svg{opacity:0;pointer-events:none}.container .player{width:175px;height:175px;position:absolute;top:0;left:0;z-index:11}.container .player::before{content:"";display:block;width:2px;height:600px;margin-left:-1px;position:absolute;left:50%;bottom:30px;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,.5)));background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.5));z-index:1}.container .player::after{content:"";display:block;width:100%;height:100%;position:relative;background-size:contain;background-image:url(./../image/frog.svg);z-index:2}.container .player .marble-1,.container .player .marble-2{position:absolute;z-index:3}.container .player .marble-1{width:60px;height:60px;border-radius:100px;top:-10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.container .player .marble-2{width:20px;height:20px;border-radius:100px;left:50%;border:solid 5px #83be7c}.container .player .marble-2:nth-child(2){top:85px;-webkit-transform:translateX(calc(-50% - 30px));transform:translateX(calc(-50% - 30px))}.container .player .marble-2:nth-child(3){width:25px;height:25px;top:105px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.container .player .marble-2:nth-child(4){top:85px;-webkit-transform:translateX(calc(-50% + 30px));transform:translateX(calc(-50% + 30px))}.container .start-hole{width:100px;height:100px;border-radius:100px;background-color:#000;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.container .final-hole{width:100px;height:100px;border-radius:100px;background-color:rgba(0,0,0,.5);position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.marble{background-color:rgba(0,0,0,.5);border-radius:100px;position:absolute;top:0;left:0;z-index:2}.score{position:absolute;bottom:40px;right:40px;color:#fff;text-align:right}.score .title{font-size:16px}.score .num{font-size:90px}.mobile-control{display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:18;pointer-events:none}.mobile-control .stop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:30px;height:30px;top:20px;left:20px;background-color:rgba(255,255,255,.5);border-radius:100px;position:absolute;top:20px;right:20px;pointer-events:auto}.mobile-control .stop:before{display:block;content:"";width:4px;height:12px;border-style:solid;border-width:5px;border-color:transparent #002129 transparent #002129}.mobile-control .stop.active:before{width:0;height:0;color:#002129;border-style:solid;border-width:6px;border-color:transparent #002129 #002129 transparent;-webkit-transform:translateX(-5px)scaleX(1.5)rotate(-45deg);transform:translateX(-5px)scaleX(1.5)rotate(-45deg)}.mobile-control .left,.mobile-control .right{width:100px;height:100px;position:absolute;bottom:20px}.mobile-control .left{left:20px}.mobile-control .right{right:20px}.mobile-control .btn{border-radius:200px;background-color:rgba(255,255,255,.3);border:solid 1px #fff;pointer-events:auto;-webkit-transform-origin:center center;transform-origin:center center}.mobile-control .btn:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.mobile-control .btn.switch,.mobile-control .btn.shoot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:55%;height:55%;text-align:center;font-size:30px;color:#fff;padding-top:5px;font-weight:700;position:absolute}.mobile-control .btn.switch{bottom:0;right:0}.mobile-control .btn.shoot{top:-10px;left:0}.mobile-control .btn.move{width:100%;height:100%}.mobile-control .btn.move .move-control{width:30%;height:30%;background-color:#fff;position:absolute;top:50%;left:50%;pointer-events:none;-webkit-transform-origin:center 150%;transform-origin:center 150%;-webkit-transform:translate(-50%,-150%)rotate(0);transform:translate(-50%,-150%)rotate(0)}.popup-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;padding:20px;color:#002129;position:absolute;top:0;left:0;z-index:19;pointer-events:none}.popup-container .popup{min-width:300px;max-width:calc(100% - 40px);padding:50px 40px 30px;border-radius:30px;opacity:0;background-color:rgba(255,255,255,.8);position:absolute;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:.2s;transition:.2s;pointer-events:none;z-index:1}.popup-container .popup::after{content:"";display:block;width:calc(100% - 20px);height:calc(100% - 20px);border:solid 5px #002129;border-radius:30px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.popup-container .popup .title{font-size:30px;text-align:center;font-weight:700;margin-bottom:20px;letter-spacing:1px}.popup-container .popup .info{font-size:18px;color:#002129;text-align:center}.popup-container .popup .info ul{padding-left:1em;text-align:left}.popup-container .popup .info ul li{margin-top:10px}.popup-container .popup .info .num{font-size:24px;font-weight:700}.popup-container .popup .button-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;margin-top:30px}.popup-container .popup .button-container .button{font-size:20px;font-weight:500;color:#fff;font-size:16px;text-align:center;letter-spacing:1px;background-color:#002129;border-radius:100px;padding:15px 30px 10px;cursor:pointer}.popup-container .popup .button-container .button.button-2{padding:0;margin-top:15px;font-size:14px;font-weight:700;color:#002129;background-color:initial}.popup-container .popup.active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}.popup-container .mask{display:none;width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0;opacity:0;-webkit-transition:.5s;transition:.5s;pointer-events:auto}body:not(.is-mobile) .mobile-show{display:none}body.is-mobile .score{top:20px;left:50%;bottom:auto;right:auto;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.is-mobile .score .num{font-size:50px;margin-top:10px}body.is-mobile .mobile-hode{display:none}body.is-mobile .mobile-show{display:block}.bottomContent{order:3}.mainClass h1,.mainClass h2,.mainClass h3,.mainClass h4{font-weight:700;margin:0;text-align:left;background:-webkit-linear-gradient(#4fd698,#024c4c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mainClass h1{font-size:1.9rem;line-height:2rem;padding-bottom:20px;padding-top:20px}.mainClass h2{font-size:1.35rem;line-height:24px;padding-bottom:10px;padding-top:10px;margin:0}.mainClass h3{font-size:1.18rem;padding-bottom:10px;padding-top:10px}.mainClass h4{font-size:1.13rem;padding-bottom:10px;padding-top:10px}.mainClass p,.mainClass li,.card-body span,table tr{font-size:18px;text-align:justify;line-height:25px;margin:0;font-weight:300}.gameWrapper{display:flex;justify-content:center;align-items:center}@media(min-width:320px){.gameWrapper{max-height:257px}}@media(min-width:321px){.gameWrapper{max-height:380px}}@media(min-width:544px){.gameWrapper{max-height:550px}}@media(min-width:768px){.gameWrapper{max-height:720px}}@media(min-width:992px){.gameWrapper{max-height:842px}}@media(min-width:1200px){.gameWrapper{max-height:unset}}@media(min-width:320px) and (max-width:500px){.is-mobile .popup-container .popup .title{font-size:120px}.is-mobile .popup-container .mobile-show li{font-size:50px}.is-mobile .popup-container .popup .button-container .button{font-size:100px}.is-mobile .score .title{font-size:67px}.mobile-control .btn.switch,.mobile-control .btn.shoot{width:100%;height:100%;font-size:99px}.mobile-control .btn.shoot{top:-195px}.mobile-control .stop{width:190px;height:190px}.mobile-control .stop:before{width:18px;height:49px;border-width:32px}.mobile-control .stop.active:before{width:60px;height:60px;border-width:22px;-webkit-transform:translateX(-33px)scaleX(1.5)rotate(-45deg);transform:translateX(-33px)scaleX(1.5)rotate(-45deg)}.mobile-control .left,.mobile-control .right{width:190px;height:190px;position:absolute}}@media(min-width:500px) and (max-width:800px){.is-mobile .popup-container .popup .title{font-size:80px}.is-mobile .popup-container .popup .info{font-size:40px}.is-mobile .popup-container .popup .button-container .button{font-size:60px}.is-mobile .score .title{font-size:27px}.mobile-control .btn.switch,.mobile-control .btn.shoot{width:100%;height:100%;font-size:59px}.mobile-control .btn.shoot{top:-155px}.mobile-control .stop{width:150px;height:150px}.mobile-control .stop:before{width:5px;height:40px;border-width:11px}.mobile-control .stop.active:before{width:20px;height:20px;border-width:10px;-webkit-transform:translateX(-13px)scaleX(1.5)rotate(-45deg);transform:translateX(-13px)scaleX(1.5)rotate(-45deg)}.mobile-control .left,.mobile-control .right{width:150px;height:150px;position:absolute}}@-webkit-keyframes leaf{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes leaf{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.fixed-top{position:absolute;top:0;right:0;left:0;z-index:999}.menuContainer .container-sm{min-height:60px}.menuContainer{box-shadow:rgb(0 0 0/12%)0 5px 13px}.navLogo{background-color:#001a20}.navList{padding-top:0;padding-bottom:0}.navList .nav-link{font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:14px;font-weight:400;line-height:24px;color:#000;padding-right:0!important;padding-left:20px!important;padding-top:27px;padding-bottom:27px}.navList .nav-link:hover{color:#26aae2e0}.navList .dropdown-item{font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:16px;font-weight:400;color:#000;line-height:15px;padding:8px 20px;height:30px;text-align:center}.navbar-toggler:focus{outline:none;box-shadow:none}.dropdown-item:active,.dropdown-item:hover{background-color:unset;color:#26aae2}.custom-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0,0,0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:initial;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:50%;background-size:100%}.navbar-brand{margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-brand span{color:#fff;font-size:30px;font-weight:700}.navbar>.container-sm{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.collapse:not(.show){display:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;text-decoration:none;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}.dropdown{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-menu{position:absolute;z-index:1000;display:none;right:0;min-width:10rem;padding:.5rem 0;margin:-1px;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:unset;box-shadow:0 6px 7px rgb(0 78 69/.3);border-radius:0 0 6px 6px}.dropdown-item{display:block;width:100%;clear:both;text-decoration:none;white-space:nowrap;background-color:initial;border:0}.dropdown-menu.show{display:block;position:relative}.navList .homeElement{color:#25aae1;font-weight:600}@media(max-width:992px){.navList .nav-link{font-size:10px;padding-left:8px!important;font-weight:600}}@media(min-width:767px){nav .navbar-nav .dropdown:hover>.dropdown-menu{display:block}.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto;justify-content:right}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}}@media(max-width:767px){.menuContainer{box-shadow:unset}.navLogo{box-shadow:rgb(0 0 0/12%)0 5px 13px}.navList{padding-top:0}.navList .navbar-collapse{background-color:#fff}.navList .nav-item{border-bottom:.5px solid #4a4a4a52}.navList .nav-link{font-size:14px;padding-left:20px!important;padding-top:8px;padding-bottom:8px}.navList .nav-link:hover{color:unset}.navList .dropdown-item{text-align:left;padding-top:0;font-size:14px}.dropdown-menu{width:100%;border-radius:0}.navbar{padding-bottom:0}.container-sm>*:first-child{margin-right:auto}.navbar-brand{margin-right:auto}}.testClass{float:right;border-style:solid;border-width:3px 3px 0 0;content:"";margin-left:8px;height:12px;left:0;position:relative;top:-1px;vertical-align:top;width:12px;transform:rotate(135deg);order:2}.languageButton{z-index:99;font-size:18px;font-weight:500;display:flex;flex-direction:column;align-items:center;position:relative;padding:11px 0}.currentLanguageButton{position:relative;border:2px solid transparent;border-radius:13px;background:#fff;background-clip:padding-box;padding:4px 13px;margin-left:10px;color:#4f9b78;font-weight:600;box-shadow:0 3px 10px rgb(0 0 0/25%);display:flex;order:-1;align-items:baseline;font-size:14px;font-weight:800;text-decoration:none}.currentLanguageButton::after{position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;background:linear-gradient(to bottom,#4fd698,#024c4c);transition:opacity .5s cubic-bezier(0,.43,.73,1.23);content:'';z-index:-1;border-radius:16px}.currentLanguageButton:hover::after{background-position:100px;background:-webkit-gradient(linear,left top,left bottom,from(#006969),to(#00ff8a));background:-webkit-linear-gradient(top,#006969 0,#00ff8a 100%);background:-o-linear-gradient(top,#006969 0,#00ff8a 142b 100%);background:linear-gradient(180deg,#006969 0,#00ff8a,100%);-webkit-text-fill-color:aliceblue;opacity:.7}.languageButtonSubMenu{position:absolute;z-index:1000;display:none!important;min-width:100%;padding:.5rem 0 .2rem!important;margin:-1px;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:unset;box-shadow:0 6px 7px rgb(0 78 69/.3);text-align:center;border-radius:6px;top:50px;transform:translate(5%,6%)}.arrow-up{display:none!important;position:absolute;top:40px;width:0;height:0;border-style:solid;border-width:0 12px 12px;margin:0 33px 0;border-color:transparent transparent #fff transparent;transform:translate(21%,46%)}.languageButtonSubMenu.show,.arrow-up.show{display:block!important}.languageButtonDropdownItem{height:30px;text-align:center;font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:14px;font-weight:400;line-height:24px;display:inline-table;width:100%;margin:0!important}.container-sm .languageButtonDropdownItem::before{content:unset}.noSelectLanguageButton{color:#000;transition:color .3s ease-in-out;padding:8px 34px}.languageButtonDropdownItem:hover .noSelectLanguageButton{color:#4f9b78}@media(min-width:767px) and (max-width:992px){.navbar-brand{margin-right:0}.languageButton{padding-right:0}}.gameBlock{display:none}