/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{-webkit-font-feature-settings:inherit;font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.bottom-20{bottom:5rem}.bottom-\[30\%\]{bottom:30%}.bottom-\[5rem\]{bottom:5rem}.left-0{left:0}.left-\[27rem\]{left:27rem}.right-0{right:0}.right-1{right:.25rem}.top-0{top:0}.top-3{top:.75rem}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-4{margin-right:1rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-28{margin-top:7rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-\[100\%\]{height:100%}.h-\[100px\]{height:100px}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[500px\]{height:500px}.h-\[75vh\]{height:75vh}.h-full{height:100%}.h-screen{height:100vh}.w-20{width:5rem}.w-36{width:9rem}.w-52{width:13rem}.w-\[100\%\]{width:100%}.w-\[100px\]{width:100px}.w-\[100vw\]{width:100vw}.w-\[200px\]{width:200px}.w-\[300px\]{width:300px}.w-\[40\%\]{width:40%}.w-\[50\%\]{width:50%}.w-\[600px\]{width:600px}.w-full{width:100%}.w-screen{width:100vw}.max-w-md{max-width:28rem}.scale-150{--tw-scale-x:1.5;--tw-scale-y:1.5}.scale-150,.scale-\[0\.65\]{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.65\]{--tw-scale-x:0.65;--tw-scale-y:0.65}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-br-\[2rem\]{border-bottom-right-radius:2rem}.border{border-width:1px}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-purple-950{--tw-border-opacity:1;border-color:rgb(59 7 100/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-\[\#ffffff\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\[\#ffffffa3\]{background-color:#ffffffa3}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}.bg-lime-500{--tw-bg-opacity:1;background-color:rgb(132 204 22/var(--tw-bg-opacity))}.bg-purple-700{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity))}.bg-purple-950{--tw-bg-opacity:1;background-color:rgb(59 7 100/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-gray-950{--tw-gradient-from:#030712 var(--tw-gradient-from-position);--tw-gradient-to:rgba(3,7,18,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-14{padding-left:3.5rem;padding-right:3.5rem}.px-20{padding-left:5rem;padding-right:5rem}.px-24{padding-left:6rem;padding-right:6rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-\[15rem\]{padding-left:15rem;padding-right:15rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-wider{letter-spacing:.05em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur-sm{--tw-blur:blur(4px)}.blur-sm,.invert{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}*{font-family:Fredoka One,cursive}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.button--piyo{--main_color:#f4cf47;--sub_color1:#f4e19c;--sub_color2:#ff8108;--base_color:#000;--border_radius1:60px 60px 40px 40px/48px 48px 30px 30px;--border_radius2:70px 70px 40px 40px/48px 48px 30px 30px;--border_radius3:40px 40px 40px 40px/48px 48px 30px 30px}.button--hoo{--main_color:#4993ff;--sub_color1:#385082;--sub_color2:#fff58f;--sub_color3:#fff;--base_color:#fff;--border_radius1:50px 50px 50px 50px/40px 40px 40px 40px;--border_radius2:60px 60px 50px 50apx/40px 40px 40px 40px;--border_radius3:40px 40px 50px 50px/60px 60px 40px 40px;--border_radius3:50px 50px 45px 45px/40px 40px 60px 60px}.button--pen{--main_color:#4d4d4d;--sub_color1:#fff;--sub_color2:#e9b800;--base_color:#e9b800;--border_radius1:60px 60px 40px 40px/48px 48px 30px 30px;--border_radius2:70px 70px 40px 40px/48px 48px 30px 30px;--border_radius3:40px 40px 40px 40px/48px 48px 30px 30px}.button{align-items:center;background:var(--main_color);border:3px solid #000;border-radius:40px;box-sizing:border-box;display:flex;font-family:Fredoka One,cursive;height:80px;justify-content:center;position:relative;text-decoration:none;width:280px}.button:before{background:var(--base_color);bottom:0;content:"";height:24px;margin:auto 0;position:absolute;right:20px;top:0;transition:all .2s ease;width:24px;z-index:2}.button__wrapper{align-items:center;border-radius:40px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%;z-index:1}.button__wrapper:after,.button__wrapper:before{transition:all .5s ease}.characterBox{align-items:flex-end;display:flex;height:56px;justify-content:space-between;left:0;margin:0 auto;position:absolute;right:0;top:-54px;width:180px}.button__text{color:var(--base_color);font-size:32px;letter-spacing:4px;position:relative;transition:all .3s ease;z-index:3}.character{-webkit-animation:sleep 1s ease infinite alternate;animation:sleep 1s ease infinite alternate;background:var(--main_color);border:3px solid #000;border-radius:var(--border_radius1);box-sizing:border-box;height:36px;position:relative;width:56px}.character:before{background:#000;-webkit-clip-path:path("M10.23,3.32c-3.54,.63-5.72,2.51-7.02,4.23-.33-1.58-.34-3.54,.93-5.12,.52-.65,.41-1.59-.24-2.11C3.24-.19,2.29-.08,1.77,.57c-3.82,4.77-.31,11.11-.13,11.42,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01-.02,2.49,.04,2.52,0,.1-.14,1.54-4.82,6.59-5.71,.82-.14,1.37-.92,1.22-1.74s-.94-1.36-1.75-1.21Z");clip-path:path("M10.23,3.32c-3.54,.63-5.72,2.51-7.02,4.23-.33-1.58-.34-3.54,.93-5.12,.52-.65,.41-1.59-.24-2.11C3.24-.19,2.29-.08,1.77,.57c-3.82,4.77-.31,11.11-.13,11.42,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01-.02,2.49,.04,2.52,0,.1-.14,1.54-4.82,6.59-5.71,.82-.14,1.37-.92,1.22-1.74s-.94-1.36-1.75-1.21Z");content:"";height:12px;left:22px;position:absolute;top:-12px;width:12px}.character__face{background:var(--sub_color2);border-radius:50% 50% 50% 50%/78% 78% 22% 22%;height:6px;left:0;margin:0 auto;position:absolute;right:0;top:15px;transition:.2s;width:12px;z-index:2}.character__face:after,.character__face:before{background:#000;border-radius:4px;content:"";height:2px;position:absolute;top:-4px;width:8px}.character__face:before{left:-5px}.character__face:after{right:-5px}.button--hoo .character__face:after,.button--hoo .character__face:before{background:#fff}.button--hoo .charactor__face2{-webkit-animation:face_hoo 1s ease infinite alternate;animation:face_hoo 1s ease infinite alternate;background:#385082;height:10px;left:0;margin:auto;position:absolute;right:0;top:8px;width:14px;z-index:1}.button--hoo .charactor__face2:after,.button--hoo .charactor__face2:before{background:#000;border:3px solid #385082;border-radius:50%;box-sizing:border-box;content:"";height:10px;position:absolute;top:-1px;width:20px}.button--hoo .charactor__face2:before{left:-12px}.button--hoo .charactor__face2:after{right:-12px}.button--hoo .charactor__body{-webkit-animation:body_hoo 1s ease infinite alternate;animation:body_hoo 1s ease infinite alternate;bottom:0;left:0;margin:0 auto;right:0}.button--hoo .charactor__body,.button--hoo .charactor__body:after,.button--hoo .charactor__body:before{border-color:#385082 transparent transparent;border-style:solid;border-width:2px 7px 0;height:0;position:absolute;width:0}.button--hoo .charactor__body:after,.button--hoo .charactor__body:before{content:"";top:-4px}.button--hoo .charactor__body:before{left:-17px}.button--hoo .charactor__body:after{right:-17px}.button--pen .charactor__face2{-webkit-animation:face_pen 1s ease infinite alternate;animation:face_pen 1s ease infinite alternate;background:#fff;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;position:absolute;right:0;width:30px;z-index:1}.button--pen .charactor__face2:after,.button--pen .charactor__face2:before{background:#fff;border-radius:50%;content:"";height:10px;position:absolute;top:-8px;width:17px}.button--pen .charactor__face2:before{left:-4px}.button--pen .charactor__face2:after{right:-4px}.button--piyo:before{-webkit-clip-path:path("M24,12.02c0-1.09-.75-1.71-.81-1.77L11.17,.45c-.91-.74-2.21-.56-2.91,.42-.69,.97-.52,2.37,.39,3.11l7.12,5.81-13.7-.02h0C.93,9.77,0,10.76,0,11.99c0,1.23,.93,2.22,2.07,2.22l13.7,.02-7.13,5.78c-.91,.74-1.09,2.13-.4,3.11,.41,.58,1.03,.88,1.65,.88,.44,0,.88-.15,1.25-.45l12.04-9.76c.07-.06,.82-.67,.82-1.77Z");clip-path:path("M24,12.02c0-1.09-.75-1.71-.81-1.77L11.17,.45c-.91-.74-2.21-.56-2.91,.42-.69,.97-.52,2.37,.39,3.11l7.12,5.81-13.7-.02h0C.93,9.77,0,10.76,0,11.99c0,1.23,.93,2.22,2.07,2.22l13.7,.02-7.13,5.78c-.91,.74-1.09,2.13-.4,3.11,.41,.58,1.03,.88,1.65,.88,.44,0,.88-.15,1.25-.45l12.04-9.76c.07-.06,.82-.67,.82-1.77Z")}.button--hoo:before{-webkit-clip-path:path("M21.93,9.8h-3.33S11.5,.79,11.5,.79c-.74-.94-2.05-1.05-2.92-.26-.88,.79-.99,2.19-.25,3.13l4.84,6.13-11.09-.02C.95,9.73,0,10.76,0,11.99c0,1.23,.93,2.22,2.07,2.22l11.09,.02-4.86,6.12c-.74,.93-.63,2.33,.24,3.13,.39,.35,.87,.53,1.34,.53,.59,0,1.17-.27,1.58-.78l7.13-8.99h3.32s0,0,0,0c1.14,0,2.07-.99,2.07-2.22,0-1.23-.93-2.22-2.07-2.22Z");clip-path:path("M21.93,9.8h-3.33S11.5,.79,11.5,.79c-.74-.94-2.05-1.05-2.92-.26-.88,.79-.99,2.19-.25,3.13l4.84,6.13-11.09-.02C.95,9.73,0,10.76,0,11.99c0,1.23,.93,2.22,2.07,2.22l11.09,.02-4.86,6.12c-.74,.93-.63,2.33,.24,3.13,.39,.35,.87,.53,1.34,.53,.59,0,1.17-.27,1.58-.78l7.13-8.99h3.32s0,0,0,0c1.14,0,2.07-.99,2.07-2.22,0-1.23-.93-2.22-2.07-2.22Z")}.button--pen:before{-webkit-clip-path:path("M23.36,10.63L6.18,.13c-.93-.57-1.85,.81-1.39,2.06l1.44,3.91c.3,.81,.01,1.81-.6,2.1L.72,10.58c-.96,.47-.96,2.37,0,2.83l4.91,2.38c.62,.3,.9,1.29,.6,2.1l-1.44,3.91c-.46,1.26,.46,2.63,1.39,2.06L23.36,13.37c.86-.53,.86-2.22,0-2.75Z");clip-path:path("M23.36,10.63L6.18,.13c-.93-.57-1.85,.81-1.39,2.06l1.44,3.91c.3,.81,.01,1.81-.6,2.1L.72,10.58c-.96,.47-.96,2.37,0,2.83l4.91,2.38c.62,.3,.9,1.29,.6,2.1l-1.44,3.91c-.46,1.26,.46,2.63,1.39,2.06L23.36,13.37c.86-.53,.86-2.22,0-2.75Z")}.button--piyo .button__wrapper:after,.button--piyo .button__wrapper:before{background:var(--sub_color1);bottom:0;-webkit-clip-path:path("M13.77,37.35L.25,16.6c-.87-1.33,.69-2.91,2-2.02l12.67,8.59c.81,.55,1.91,.14,2.18-.81l2.62-9.33c.39-1.4,2.34-1.42,2.76-.02l3.6,11.99c.33,1.11,1.74,1.4,2.47,.52L49.38,.52c.87-1.04,2.53-.42,2.53,.95V23.7c0,1.13,1.2,1.83,2.16,1.26l12.75-7.51c.85-.5,1.94,0,2.13,.98l1.5,7.6c.2,1.03,1.37,1.51,2.22,.92l17.74-12.3c1.09-.75,2.52,.25,2.21,1.55l-2.44,10.2c-.26,1.09,.74,2.06,1.8,1.75l30.8-9.04c1.37-.4,2.42,1.26,1.49,2.36l-9.07,10.66c-.83,.98-.1,2.49,1.17,2.42l12.12-.68c1.6-.09,2.12,2.15,.65,2.8l-2.73,1.21c-.18,.08-.38,.12-.58,.12H14.97c-.48,0-.93-.25-1.2-.65Z");clip-path:path("M13.77,37.35L.25,16.6c-.87-1.33,.69-2.91,2-2.02l12.67,8.59c.81,.55,1.91,.14,2.18-.81l2.62-9.33c.39-1.4,2.34-1.42,2.76-.02l3.6,11.99c.33,1.11,1.74,1.4,2.47,.52L49.38,.52c.87-1.04,2.53-.42,2.53,.95V23.7c0,1.13,1.2,1.83,2.16,1.26l12.75-7.51c.85-.5,1.94,0,2.13,.98l1.5,7.6c.2,1.03,1.37,1.51,2.22,.92l17.74-12.3c1.09-.75,2.52,.25,2.21,1.55l-2.44,10.2c-.26,1.09,.74,2.06,1.8,1.75l30.8-9.04c1.37-.4,2.42,1.26,1.49,2.36l-9.07,10.66c-.83,.98-.1,2.49,1.17,2.42l12.12-.68c1.6-.09,2.12,2.15,.65,2.8l-2.73,1.21c-.18,.08-.38,.12-.58,.12H14.97c-.48,0-.93-.25-1.2-.65Z");content:"";height:38px;position:absolute;width:130px}.button--piyo .button__wrapper:before{left:0}.button--piyo .button__wrapper:after{right:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.button--hoo .button__wrapper:after,.button--hoo .button__wrapper:before{background:var(--sub_color1);-webkit-clip-path:path("M75.96,41.27l-42.76,11.17V0H0V100H33.2v-28.75l45.07-23.97c3.38-1.8,1.39-6.98-2.31-6.01Z");clip-path:path("M75.96,41.27l-42.76,11.17V0H0V100H33.2v-28.75l45.07-23.97c3.38-1.8,1.39-6.98-2.31-6.01Z");content:"";height:100px;position:absolute;width:80px}.button--hoo .button__wrapper:before{bottom:0;left:6px}.button--hoo .button__wrapper:after{bottom:-10px;right:8px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.button--pen .button__wrapper:after,.button--pen .button__wrapper:before{background:var(--sub_color1);-webkit-clip-path:path("M9.12,14.14L43.15,.5c1.61-.86,3.57-.59,4.9,.68l19.55,14.31c.42,.4,.76,.89,.99,1.42l3.45,13.09c.89,2.06,3.18,3.09,5.28,2.37l11.76-4.86c1.56-.54,3.29-.11,4.43,1.1l11.93,12.39c.48,.51,.84,1.12,1.03,1.8l3.35,11.62c.8,2.79-1.25,5.58-4.1,5.58H4.27c-2.71,0-4.73-2.54-4.18-5.24L6.92,17.11c.26-1.28,1.07-2.37,2.2-2.97Z");clip-path:path("M9.12,14.14L43.15,.5c1.61-.86,3.57-.59,4.9,.68l19.55,14.31c.42,.4,.76,.89,.99,1.42l3.45,13.09c.89,2.06,3.18,3.09,5.28,2.37l11.76-4.86c1.56-.54,3.29-.11,4.43,1.1l11.93,12.39c.48,.51,.84,1.12,1.03,1.8l3.35,11.62c.8,2.79-1.25,5.58-4.1,5.58H4.27c-2.71,0-4.73-2.54-4.18-5.24L6.92,17.11c.26-1.28,1.07-2.37,2.2-2.97Z");content:"";height:60px;position:absolute;width:110px}.button--pen .button__wrapper:before{bottom:-10px;left:-16px}.button--pen .button__wrapper:after{bottom:-20px;right:-8px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.button:hover .button__wrapper:before{-webkit-transform:translateX(-12px);transform:translateX(-12px)}.button:hover .button__wrapper:after{-webkit-transform:rotateY(180deg) translateX(-12px);transform:rotateY(180deg) translateX(-12px)}.button:hover .button__text{letter-spacing:6px}.button:hover:before{right:14px}.button:hover .wakeup{-webkit-animation:wakeup .2s ease;animation:wakeup .2s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.button:hover .wakeup .character__face{top:20px}.button:hover .wakeup .character__face:after,.button:hover .wakeup .character__face:before{-webkit-animation:eye 5s linear infinite;animation:eye 5s linear infinite}.button:hover .wakeup:nth-child(2) .character__face:after,.button:hover .wakeup:nth-child(2) .character__face:before{-webkit-animation:eye_2 5s linear infinite;animation:eye_2 5s linear infinite}.button--hoo:hover .wakeup .charactor__face2:after,.button--hoo:hover .wakeup .charactor__face2:before{height:20px}.button--hoo:hover .wakeup .charactor__body{-webkit-animation:body_hoo_wakeup .2s ease;animation:body_hoo_wakeup .2s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border-top:6px solid #385082}.button--hoo:hover .wakeup .charactor__body:after,.button--hoo:hover .wakeup .charactor__body:before{border-top:5px solid #385082;top:-12px}.button--pen:hover .wakeup .charactor__face2{-webkit-animation:face_pen_wakeup .2s ease;animation:face_pen_wakeup .2s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.button--pen:hover .wakeup .charactor__face2:after,.button--pen:hover .wakeup .charactor__face2:before{height:18px;top:-12px}@-webkit-keyframes sleep{0%{border-radius:var(--border_radius1);height:36px}to{border-radius:var(--border_radius2);height:32px}}@keyframes sleep{0%{border-radius:var(--border_radius1);height:36px}to{border-radius:var(--border_radius2);height:32px}}@-webkit-keyframes wakeup{0%{border-radius:var(--border_radius2);height:32px}to{border-radius:var(--border_radius3);height:56px}}@keyframes wakeup{0%{border-radius:var(--border_radius2);height:32px}to{border-radius:var(--border_radius3);height:56px}}@-webkit-keyframes eye{0%{height:6px;top:-6px;width:6px}30%{height:6px;top:-6px;width:6px}32%{height:2px;top:-4px;width:8px}34%{height:6px;top:-6px;width:6px}70%{height:6px;top:-6px;width:6px}72%{height:2px;top:-4px;width:8px}74%{height:6px;top:-6px;width:6px}76%{height:2px;top:-4px;width:8px}78%{height:6px;top:-6px;width:6px}to{height:6px;top:-6px;width:6px}}@keyframes eye{0%{height:6px;top:-6px;width:6px}30%{height:6px;top:-6px;width:6px}32%{height:2px;top:-4px;width:8px}34%{height:6px;top:-6px;width:6px}70%{height:6px;top:-6px;width:6px}72%{height:2px;top:-4px;width:8px}74%{height:6px;top:-6px;width:6px}76%{height:2px;top:-4px;width:8px}78%{height:6px;top:-6px;width:6px}to{height:6px;top:-6px;width:6px}}@-webkit-keyframes eye_2{0%{height:6px;top:-6px;width:6px}10%{-webkit-transform:translateX(0);transform:translateX(0)}12%{-webkit-transform:translateX(3px);transform:translateX(3px)}20%{height:6px;top:-6px;width:6px}22%{height:2px;top:-4px;width:8px}24%{height:6px;top:-6px;width:6px}25%{-webkit-transform:translateX(3px);transform:translateX(3px)}27%{-webkit-transform:translateX(0);transform:translateX(0)}74%{height:6px;top:-6px;-webkit-transform:translateX(0);transform:translateX(0);width:6px}76%{height:2px;top:-4px;-webkit-transform:translateX(3px);transform:translateX(3px);width:8px}78%{height:6px;top:-6px;width:6px}80%{height:2px;top:-4px;width:8px}82%{height:6px;top:-6px;width:6px}85%{-webkit-transform:translateX(3px);transform:translateX(3px)}87%{-webkit-transform:translateX(0);transform:translateX(0)}to{height:6px;top:-6px;-webkit-transform:translateX(0);transform:translateX(0);width:6px}}@keyframes eye_2{0%{height:6px;top:-6px;width:6px}10%{-webkit-transform:translateX(0);transform:translateX(0)}12%{-webkit-transform:translateX(3px);transform:translateX(3px)}20%{height:6px;top:-6px;width:6px}22%{height:2px;top:-4px;width:8px}24%{height:6px;top:-6px;width:6px}25%{-webkit-transform:translateX(3px);transform:translateX(3px)}27%{-webkit-transform:translateX(0);transform:translateX(0)}74%{height:6px;top:-6px;-webkit-transform:translateX(0);transform:translateX(0);width:6px}76%{height:2px;top:-4px;-webkit-transform:translateX(3px);transform:translateX(3px);width:8px}78%{height:6px;top:-6px;width:6px}80%{height:2px;top:-4px;width:8px}82%{height:6px;top:-6px;width:6px}85%{-webkit-transform:translateX(3px);transform:translateX(3px)}87%{-webkit-transform:translateX(0);transform:translateX(0)}to{height:6px;top:-6px;-webkit-transform:translateX(0);transform:translateX(0);width:6px}}@-webkit-keyframes body_hoo{0%{bottom:2px}to{bottom:0}}@keyframes body_hoo{0%{bottom:2px}to{bottom:0}}@-webkit-keyframes body_hoo_wakeup{0%{bottom:2px}to{bottom:6px}}@keyframes body_hoo_wakeup{0%{bottom:2px}to{bottom:6px}}@-webkit-keyframes face_pen{0%{height:14px}to{height:10px}}@keyframes face_pen{0%{height:14px}to{height:10px}}@-webkit-keyframes face_pen_wakeup{0%{height:14px}to{height:28px}}@keyframes face_pen_wakeup{0%{height:14px}to{height:28px}}.container{align-items:center;background:#fff;display:flex;flex-direction:column;height:600px;justify-content:center;width:100%}.button:not(:last-child){margin-bottom:80px}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-125:hover{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-125:hover{--tw-scale-x:1.25;--tw-scale-y:1.25}.hover\:border-r-8:hover{border-right-width:8px}.hover\:border-r-cyan-600:hover{--tw-border-opacity:1;border-right-color:rgb(8 145 178/var(--tw-border-opacity))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}.hover\:tracking-wider:hover{letter-spacing:.05em}.hover\:text-purple-300:hover{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:border-black:focus{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.Earth{margin-left:-1rem;margin-top:-2rem}.heading,.loading-indicator{color:#fff}.heading{display:inline;font-size:3.5rem;left:24rem;pointer-events:none;position:relative;top:2.5rem}.button-container{left:-8rem;position:relative;top:50rem;width:auto;z-index:1000}@media (-webkit-device-pixel-ratio:1.25){.button-container{left:-20rem;position:relative;top:40rem;width:auto;z-index:1000}}.op_button{color:#fff;display:inline-block;font-weight:800;letter-spacing:4px;overflow:hidden;padding:10px 30px;position:absolute;scale:1.3;text-decoration:none;text-transform:uppercase;transition:.5s;width:181px}.op_button:hover{background:#fff;box-shadow:0 0 5px #fff,0 0 25px #fff,0 0 50px #fff,0 0 200px #fff;color:#000}.op_button:first-child{-webkit-filter:hue-rotate(270deg);filter:hue-rotate(270deg)}.op_button:nth-child(2){-webkit-filter:hue-rotate(110deg);filter:hue-rotate(110deg)}.op_button span{display:block;position:absolute}.op_button span:first-child{-webkit-animation:animate1 1s linear infinite;animation:animate1 1s linear infinite;background:linear-gradient(90deg,transparent,#fff);height:2px;left:0;top:0;width:100%}@-webkit-keyframes animate1{0%{left:-100%}50%,to{left:100%}}@keyframes animate1{0%{left:-100%}50%,to{left:100%}}.op_button span:nth-child(2){-webkit-animation:animate2 1s linear infinite;animation:animate2 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s;background:linear-gradient(180deg,transparent,#fff);height:100%;right:0;top:-100%;width:2px}@-webkit-keyframes animate2{0%{top:-100%}50%,to{top:100%}}@keyframes animate2{0%{top:-100%}50%,to{top:100%}}.op_button span:nth-child(3){-webkit-animation:animate3 1s linear infinite;animation:animate3 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;background:linear-gradient(270deg,transparent,#fff);bottom:0;height:2px;right:0;width:100%}@-webkit-keyframes animate3{0%{right:-100%}50%,to{right:100%}}@keyframes animate3{0%{right:-100%}50%,to{right:100%}}.op_button span:nth-child(4){-webkit-animation:animate4 1s linear infinite;animation:animate4 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s;background:linear-gradient(1turn,transparent,#fff);bottom:-100%;height:100%;left:0;width:2px}@-webkit-keyframes animate4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes animate4{0%{bottom:-100%}50%,to{bottom:100%}}.eloader{-webkit-animation:loader 2s linear infinite;animation:loader 2s linear infinite;background:linear-gradient(45deg,transparent,transparent 30%,#e5f403);border-radius:50%;height:150px;position:relative;width:150px}@-webkit-keyframes loader{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.eloader:before{background:#000;bottom:6px;left:6px;right:6px;top:6px;z-index:1000}.eloader:after,.eloader:before{border-radius:50%;content:"";position:absolute}.eloader:after{background:linear-gradient(45deg,transparent,transparent 30%,#e5f403);bottom:0;-webkit-filter:blur(30px);filter:blur(30px);left:0;right:0;top:0;z-index:1}.myDiv{height:100vh;position:relative;width:100vw}#streetViewContainer{height:100vh;position:absolute;width:100%;z-index:0}#mapContainer{bottom:70px;cursor:crosshair;height:300px;margin:40px;opacity:.5;position:absolute;right:0;width:300px;z-index:1}#guessButton,#mapContainer{transition:all .2s ease-in-out}#guessButton:hover{background-color:#4ce4df;cursor:pointer;scale:1.1}#mapContainer:hover{cursor:crosshair;height:400px;margin:50px;opacity:1;width:500px}#guessButton{background-color:#4ce4df8f;border-radius:30px;bottom:40px;right:40px;width:300px;z-index:2}#guessButton,#score{height:50px;position:absolute}#score{background:#53525270;color:#80ff00;font-size:xx-large;font-weight:700;left:40px;min-width:200px;text-align:center;top:40px;z-index:10}.gm-style-cc{opacity:.4}#rounds_div{position:absolute;z-index:10}#submitMapContainer{height:700px;position:absolute;top:5rem;width:100%}#generateButton{background-color:#10e13d8f;border-radius:30px;bottom:50px;font-size:1.3rem;height:70px;left:900px;position:absolute;transition:all .2s ease-in-out;width:200px;z-index:2}#generateButton:hover{background-color:#10e13d;cursor:pointer;scale:1.1}#generateButton:active{background-color:#e13610;cursor:pointer;scale:1.1}#distance_div{background-color:#dc0ab68f;border-radius:30px;color:#fff;font-size:30px;left:840px;min-width:300px;text-align:center;top:20px;transition:all .2s ease-in-out}#btn_reset,#distance_div{height:50px;position:absolute;z-index:2}#btn_reset{background-color:gold;border:none;border-radius:30px;bottom:80px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#000;cursor:pointer;font-size:16px;font-weight:700;left:300px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:background-color .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out;transition:background-color .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out;width:200px}#btn_reset:hover{background-color:#ffc700;box-shadow:0 6px 12px rgba(0,0,0,.3);-webkit-transform:translateX(-50%) scale(1.05);transform:translateX(-50%) scale(1.05)}#final_score{background:#000000aa;border:1px solid #5f5e5ef0;border-radius:10px;color:#fff;color:hsla(0,0%,100%,.928);font-size:50px;font-weight:600;height:400px;padding-top:80px;text-align:center;text-shadow:2px 2px 2px #000;width:1000px;z-index:30}iframe{display:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader-black-app{background:#000}.loader-black-app,.loader-main-main{height:100%;position:absolute;width:100%;z-index:100}.loader-main-main{background:#000000ce}.loader-main{left:49%;position:absolute;top:49%;z-index:2000}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border-right:4px solid transparent;border-top:4px solid #fff;display:inline-block;z-index:100}.loader,.loader:after{border-radius:50%;box-sizing:border-box;height:48px;width:48px}.loader:after{animation:rotation .5s linear infinite reverse;border-bottom:4px solid transparent;border-left:4px solid #ff3d00;content:"";left:0;position:absolute;top:0}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.aa686e7a.css.map*/