@import"https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Raleway&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{height:100svh;overflow:hidden}.loader{position:fixed;height:100svh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background-color:#242425;z-index:99999}.loading-star{position:relative;color:#1996f8;font-size:50px;-webkit-text-stroke:2px #7cfaff;animation:spin 1.5s infinite cubic-bezier(.72,-.27,.35,1.32)}.loading-star:before{content:"";font-family:fontAwesome}@keyframes spin{0%{transform:rotate(0);text-shadow:none}50%{text-shadow:0 0 10px #1996f8,0 0 20px #1996f8,0 0 50px #1996f8}to{transform:rotate(1turn);text-shadow:none}}.loading-text{position:relative;color:#fff;font-family:sans-serif;font-style:normal;font-weight:700;letter-spacing:4px;padding-top:10px}.hide-loader{display:none}.background-ctn{position:relative}.paper-background{position:absolute;inset:0;pointer-events:none;background-image:url(/paper-bg.jpeg);background-size:cover;mask-image:url(/paper-mask.png);mask-position:0% 0%;mask-repeat:no-repeat;-webkit-mask-image:url(/paper-mask.png);-webkit-mask-position:0% 0%;-webkit-mask-repeat:no-repeat}.mask-animation{animation:splash 1.6s steps(45) forwards .5s}@keyframes splash{0%{mask-position:0% 0%;-webkit-mask-position:0% 0%}to{mask-position:100% 0%;-webkit-mask-position:100% 0%}}.paper-background>*{position:absolute;left:50%;transform:translate(-50%,-50%);font-family:Nanum Pen Script,cursive;white-space:nowrap}.text-one{font-size:64px;top:50%;color:#242425}.shift-up-animation{animation:shift-up 1s forwards}@keyframes shift-up{0%{top:50%}to{top:calc(50% - 56px)}}.background-ctn img{display:block;width:100%;height:100svh}.text-two{top:50%;width:80%;max-width:300px}.text-three{top:calc(50% + 48px);width:80%;max-width:300px}g{fill:transparent;fill-rule:evenodd;stroke:#242425;stroke-width:1px}.text-two path:nth-child(1){stroke-dasharray:147;stroke-dashoffset:147;animation:letter-stroke-anim .1s forwards 3.1s,fill-anim 0s forwards 3.2s}.text-two path:nth-child(2){stroke-dasharray:108;stroke-dashoffset:108;animation:letter-stroke-anim .1s forwards 3.2s,fill-anim 0s forwards 3.3s}.text-two path:nth-child(3){stroke-dasharray:85;stroke-dashoffset:85;animation:letter-stroke-anim .1s forwards 3.3s,fill-anim 0s forwards 3.4s}.text-two path:nth-child(4){stroke-dasharray:87;stroke-dashoffset:87;animation:letter-stroke-anim .1s forwards 3.4s,fill-anim 0s forwards 3.5s}.text-two path:nth-child(5){stroke-dasharray:128;stroke-dashoffset:128;animation:letter-stroke-anim .1s forwards 3.5s,fill-anim 0s forwards 3.6s}.text-two path:nth-child(6){stroke-dasharray:68;stroke-dashoffset:68;animation:letter-stroke-anim .1s forwards 3.6s,fill-anim 0s forwards 3.7s}.text-two path:nth-child(7){stroke-dasharray:21;stroke-dashoffset:21;animation:letter-stroke-anim .1s forwards 3.7s,fill-anim 0s forwards 3.8s}.text-two path:nth-child(8){stroke-dasharray:31;stroke-dashoffset:31;animation:letter-stroke-anim .1s forwards 3.8s,fill-anim 0s forwards 3.9s}.text-two path:nth-child(9){stroke-dasharray:94;stroke-dashoffset:94;animation:letter-stroke-anim .1s forwards 3.9s,fill-anim 0s forwards 4s}.text-two path:nth-child(10){stroke-dasharray:142;stroke-dashoffset:142;animation:letter-stroke-anim .1s forwards 4s,fill-anim 0s forwards 4.1s}.text-two path:nth-child(11){stroke-dasharray:54;stroke-dashoffset:54;animation:letter-stroke-anim .1s forwards 4.1s,fill-anim 0s forwards 4.2s}.text-two path:nth-child(12){stroke-dasharray:108;stroke-dashoffset:108;animation:letter-stroke-anim .1s forwards 4.2s,fill-anim 0s forwards 4.3s}.text-two path:nth-child(13){stroke-dasharray:21;stroke-dashoffset:21;animation:letter-stroke-anim .1s forwards 4.3s,fill-anim 0s forwards 4.4s}.text-three path:nth-child(1){stroke-dasharray:94;stroke-dashoffset:94;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(2){stroke-dasharray:87;stroke-dashoffset:87;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(3){stroke-dasharray:85;stroke-dashoffset:85;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(4){stroke-dasharray:71;stroke-dashoffset:71;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(5){stroke-dasharray:108;stroke-dashoffset:108;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(6){stroke-dasharray:93;stroke-dashoffset:93;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(7){stroke-dasharray:68;stroke-dashoffset:68;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(8){stroke-dasharray:68;stroke-dashoffset:68;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(9){stroke-dasharray:21;stroke-dashoffset:21;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(10){stroke-dasharray:32;stroke-dashoffset:32;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(11){stroke-dasharray:85;stroke-dashoffset:85;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(12){stroke-dasharray:89;stroke-dashoffset:89;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(13){stroke-dasharray:108;stroke-dashoffset:108;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(14){stroke-dasharray:54;stroke-dashoffset:54;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(15){stroke-dasharray:90;stroke-dashoffset:90;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(16){stroke-dasharray:105;stroke-dashoffset:105;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(17){stroke-dasharray:68;stroke-dashoffset:68;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(18){stroke-dasharray:70;stroke-dashoffset:70;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(19){stroke-dasharray:68;stroke-dashoffset:68;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(20){stroke-dasharray:17;stroke-dashoffset:17;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(21){stroke-dasharray:17;stroke-dashoffset:17;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}.text-three path:nth-child(22){stroke-dasharray:76;stroke-dashoffset:76;animation:letter-stroke-anim .1s forwards 4.7s,fill-anim 0s forwards 4.8s}@keyframes letter-stroke-anim{to{stroke-dashoffset:0}}@keyframes fill-anim{to{fill:#242425}}.text-one,.text-two,.text-three{transition:opacity .3s ease-in-out 1.2s}.fade-out{opacity:0}.sticky-note{position:absolute;top:calc(50% - 160px);left:calc(50% - 160px);transform-origin:center;font-family:Nanum Pen Script,cursive;font-weight:500;font-size:32px;width:320px;height:320px;padding:20px;box-shadow:3px 3px 2px 2px #242425;display:none;justify-content:center;align-items:center;scale:1000;opacity:0;gap:5px;-webkit-user-select:none;user-select:none}.show-sticky-note{display:flex;flex-direction:column;animation:fade-in .2s ease-in forwards 1.7s}@keyframes fade-in{to{scale:1;opacity:1}}.vid{height:140px;width:auto;border-radius:6px}.form-ctn{margin-top:32px;display:flex;width:100%;gap:8px;justify-content:center}.contact-input{outline:none;background-color:#faa;border-radius:8px;padding:0 8px;width:80%;font-family:Nanum Pen Script,cursive;font-weight:300;font-size:28px}#ok-btn{background-color:#faa;border-radius:8px;width:20%;font-family:Nanum Pen Script,cursive;font-weight:500;font-size:28px;color:#000}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#1996f8;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;margin-right:auto}@keyframes spin{to{transform:rotate(360deg)}}.tool-tip{position:absolute;bottom:28px;left:18px;visibility:hidden;background-color:#f99;text-align:center;border-radius:6px;padding:5px 10px;filter:drop-shadow(0px 0px 3px #ff8080)}.tool-tip:after{content:"";position:absolute;bottom:100%;left:15px;border-width:5px;border-style:solid;border-color:transparent transparent #ff9999 transparent}.tool-tip-text{font-family:Raleway,Verdana,sans-serif;font-size:16px}.popup-background-status{position:fixed;top:0;left:0;background-color:#000c;height:100%;width:100%;display:none;z-index:99990}.status-container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;top:0%;left:50%;transform:translate(-50%,-50%) scale(.1);background-color:#fcc;width:95%;max-width:400px;border-radius:6px;padding:30px;transition:transform .4s,top .4s}.anim-status-container{top:50%;transform:translate(-50%,-50%) scale(1)}.status-container>*{font-family:Nanum Pen Script,cursive;font-optical-sizing:auto;font-weight:600;font-style:normal;color:#000}.crosscheck-container{position:absolute;width:100px;height:100px;top:0;transform:translateY(-50%);border-radius:50%;background-color:#f77;box-shadow:0 2px 5px #0003}.check{position:absolute;left:25px;top:55px;height:25px;width:50px;display:block;border-left:5px solid #fff;border-bottom:5px solid #fff;transform-origin:top left;transform:rotate(-45deg);opacity:0;animation:check-anim ease-out .5s forwards;animation-delay:.3s}@keyframes check-anim{0%{height:0px;width:0px;opacity:0}33%{height:25px;width:0px;opacity:1}to{height:25px;width:50px;opacity:1}}.cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center;height:0px;width:5px;background-color:#fff;animation:cross-anim cubic-bezier(.73,.01,.37,1.49) .5s forwards;animation-delay:.3s}.cross:after{content:"";position:absolute;background-color:#fff;height:0px;width:5px;left:1px;transform:rotate(90deg);animation:cross-anim cubic-bezier(.73,.01,.37,1.49) .5s forwards;animation-delay:.3s}@keyframes cross-anim{0%{height:0px}to{height:50px}}.status-container h2{font-size:40px;margin:40px 0 10px}.status-container p{font-family:Raleway,Verdana,sans-serif}.status-container h2 img{height:1em;vertical-align:middle}.status-container button{width:100%;margin-top:40px;padding:10px 0;background-color:#f77;color:#fff;outline:none;font-size:18px;border-radius:4px;cursor:pointer;box-shadow:0 5px 5px #0003}.status-container button p{font-family:Nanum Pen Script,cursive;font-size:24px;font-weight:500}
