h1,h2,h3,h4,h5,h6{font-size:100%;font:inherit;font-family:var(--font-dongle);vertical-align:baseline;border:0;margin:0}html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,input,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,textarea,time,mark,audio,video{font-size:100%;font:inherit;font-family:var(--font-nanumgothic);letter-spacing:.8px;vertical-align:baseline;border:0;margin:0;line-height:1.5}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
:root{--mask-scallop-left:radial-gradient(59.17px at 81px 50%,#000 99%,#0000 101%) 0 calc(50% - 60px)/100% 120px, radial-gradient(59.17px at -51px 50%,#0000 99%,#000 101%) 30px 50%/100% 120px repeat-y;--mask-scallop-top:radial-gradient(59.17px at 50% 81px,#000 99%,#0000 101%) calc(50% - 60px) 0/120px 100%, radial-gradient(59.17px at 50% -51px,#0000 99%,#000 101%) 50% 30px/120px 100% repeat-x;--mask-scallop-bottom: radial-gradient(59.17px at 50% calc(100% - 81px),#000 99%, #0000 101%) calc(50% - 60px) 0/120px 100%, radial-gradient(59.17px at 50% calc(100% + 51px),#0000 99%, #000 101%) 50% calc(100% - 30px)/120px 100% repeat-x;--padding-horizontal:50px}@media (prefers-color-scheme:dark){:root{--c-bg:#1c1b1b;--c-bg-rgb:28,27,27;--c-bg-secondary:#331f29;--c-text:#f2eee5;--c-text-filter:invert(95%) sepia(11%) saturate(337%) hue-rotate(324deg) brightness(104%) contrast(90%);--c-text-rgb:242, 238, 229;--c-accent-primary:#c8d7de;--c-accent-secondary:#3e3c3c;--c-accent-secondary-rgb:62,60,60;--c-accent-hover:#35605a}}@media (prefers-color-scheme:light){:root{--c-bg:#f2eee5;--c-bg-rgb:242, 238, 229;--c-bg-secondary:#c8d7de;--c-text:#1c1b1b;--c-text-filter:invert(6%) sepia(4%) saturate(479%) hue-rotate(314deg) brightness(92%) contrast(89%);--c-text-rgb:28,27,27;--c-accent-primary:#3e3c3c;--c-accent-secondary:#35605a;--c-accent-secondary-rgb:53,96,90;--c-accent-hover:var(--c-accent-secondary)}}:root.dark-mode{--c-bg:#1c1b1b;--c-bg-rgb:28,27,27;--c-bg-secondary:#331f29;--c-text:#f2eee5;--c-text-filter:invert(95%) sepia(11%) saturate(337%) hue-rotate(324deg) brightness(104%) contrast(90%);--c-text-rgb:242, 238, 229;--c-accent-primary:#c8d7de;--c-accent-secondary:#3e3c3c;--c-accent-secondary-rgb:62,60,60;--c-accent-hover:#35605a}:root.light-mode{--c-bg:#f2eee5;--c-bg-rgb:242, 238, 229;--c-bg-secondary:#c8d7de;--c-text:#1c1b1b;--c-text-filter:invert(6%) sepia(4%) saturate(479%) hue-rotate(314deg) brightness(92%) contrast(89%);--c-text-rgb:28,27,27;--c-accent-primary:#3e3c3c;--c-accent-secondary:#35605a;--c-accent-secondary-rgb:53,96,90;--c-accent-hover:var(--c-accent-secondary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--c-accent-secondary);border-radius:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:hover{background:var(--c-accent-primary)}:focus-visible{outline:3px solid var(--c-accent-primary)}body{background-color:var(--c-bg);color:var(--c-text);font-size:18px}a:not(:has(button,h1,h2,h3,h4)):not(.email-button):before{content:"› "}a:not(:has(button,h1,h2,h3,h4)):not(.email-button){color:var(--c-accent-primary)}a:not(:has(button,h1,h2,h3,h4)):not(.email-button):hover{color:var(--c-accent-hover)}a:not(:has(button,h1,h2,h3,h4)):not(.email-button):hover:before{content:"» "}.menu-item a:before,.travelling-smile a:before{content:none!important}h1{font-size:100px;line-height:65px}h2{font-size:80px;line-height:60px}h3{font-size:60px;line-height:50px}h4{font-size:40px;line-height:30px}nav>ul{padding-left:0}section{background-color:var(--c-bg-secondary);padding:50px}@media (max-width:576px){section{padding:20px}}section.normal-lists ul{list-style-type:disc}section.normal-lists ol{list-style-type:decimal}ol.li-gap>li:not(:last-child),ul.li-gap>li:not(:last-child){margin-bottom:15px}.narrow-section{width:70%}@media (max-width:1200px){.narrow-section{width:90%}}@media (max-width:320px){.narrow-section{width:100%}}input[type=file]::-webkit-file-upload-button{border:inset 3px var(--c-text);background-color:var(--c-bg);color:var(--c-text);font-family:var(--font-dongle);cursor:pointer;pointer-events:auto;border-radius:14px;padding:3px 10px 0;font-size:25px}button,.email-button{border:inset 3px var(--c-text);background-color:var(--c-bg);color:var(--c-text);font-family:var(--font-dongle);cursor:pointer;pointer-events:auto;border-radius:14px;padding:3px 10px 0;font-size:25px}input[type=file]::file-selector-button{border:inset 3px var(--c-text);background-color:var(--c-bg);color:var(--c-text);font-family:var(--font-dongle);cursor:pointer;pointer-events:auto;border-radius:14px;padding:3px 10px 0;font-size:25px}input[type=file]::-csstools-invalid-file-selector-button:hover{opacity:.9}button:not(.does-not-exist):not(does-not-exist):hover,.email-button:not(does-not-exist):not(does-not-exist):hover{opacity:.9}button:not(.does-not-exist):not(does-not-exist):disabled{opacity:.6}input[type=file]::-csstools-invalid-file-selector-button:disabled{opacity:.6}.email-button:not(does-not-exist):not(does-not-exist):disabled,button:not(.does-not-exist):not(does-not-exist) .scroll-arrow:disabled{opacity:.6}input[type=file]::-csstools-invalid-file-selector-button .scroll-arrow:disabled{opacity:.6}.email-button:not(does-not-exist):not(does-not-exist) .scroll-arrow:disabled{opacity:.6}button:not(.does-not-exist):not(does-not-exist):disabled:not(.does-not-exist):hover{opacity:.6;cursor:not-allowed}input[type=file]::-csstools-invalid-file-selector-button:disabled:not(.does-not-exist):hover{opacity:.6;cursor:not-allowed}.email-button:not(does-not-exist):not(does-not-exist):disabled:not(.does-not-exist):hover,button:not(.does-not-exist):not(does-not-exist) .scroll-arrow:disabled:hover{opacity:.6;cursor:not-allowed}input[type=file]::-csstools-invalid-file-selector-button .scroll-arrow:disabled:hover{opacity:.6;cursor:not-allowed}.email-button:not(does-not-exist):not(does-not-exist) .scroll-arrow:disabled:hover{opacity:.6;cursor:not-allowed}.image-plus-text{flex-direction:row;gap:100px;display:flex}@media (max-width:1024px){.image-plus-text{flex-direction:column;align-items:center;gap:50px}.image-plus-text img{width:70%;min-width:200px;min-height:200px}}.image-plus-text p{white-space:pre-line}.image-plus-text img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:14px;height:100%}.loading-bar{z-index:9999;background:0 0;background:-webkit-gradient(linear, left top, right top, from(var(--c-accent-primary)), to(var(--c-accent-secondary)));background:linear-gradient(90deg, var(--c-accent-primary), var(--c-accent-secondary));width:100vw;height:7px;transition:width .2s ease-in-out;position:fixed;top:0;left:0}
header{text-align:center;padding:30px}header ul{justify-content:center;gap:20px;padding-top:15px;display:flex}header ul .menu-item a{color:var(--c-text)}header a{color:var(--c-text);-webkit-text-decoration:none;text-decoration:none;transition:opacity .1s}header a:not(:has(h1)){height:33px;font-weight:700;line-height:45px;display:inline-block}header a:hover{opacity:.7;transition:opacity .1s}header a:hover:not(:has(h1)){border-bottom:solid 2px var(--c-text)}header a>h1{display:inline-block}header .eyes{justify-content:center;gap:80px;margin-bottom:20px;display:flex}header .eyes>svg>path{stroke:var(--c-text);fill:var(--c-text)}header #wink{padding:5px}header .mouth{pointer-events:none;width:90%;max-width:456pt;margin-top:-60px}header .mouth>path{stroke:var(--c-text);stroke-dasharray:526.877 526.877;stroke-dashoffset:526.877px;transition:stroke-dashoffset 1.5s ease-in-out}header .nav-top-right-fixed{flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute;top:30px;right:30px}@media (max-width:576px){header .nav-top-right-fixed{right:15px}}header .nav-top-right-fixed .nav-top-right-flex{justify-content:flex-end;align-items:center;gap:100px;display:flex}header .nav-top-right-fixed .nav-top-right-flex .search-bar{margin-right:60px}header .nav-top-right-fixed .nav-top-right-flex .search-bar input{color:#fff;font-weight:700}@media screen and (max-width:768px){header .nav-top-right-fixed .logout-button{display:none}}header .hamburger{z-index:200;flex-direction:column;justify-content:space-around;width:25px;height:25px;padding:5px;display:flex;position:fixed}@media screen and (min-width:768px){header .hamburger{display:none}}header .hamburger:hover{cursor:pointer;background-color:rgb(var(--c-text-rgb),.3);border-radius:8px}header .hamburger:not(.hide){justify-content:space-between}header .hamburger:not(.hide) .hamburger-line{width:28px;transition:transform .3s linear}header .hamburger:not(.hide) .hamburger-line:first-child{transform-origin:0 100%;transform:rotate(45deg)}header .hamburger:not(.hide) .hamburger-line:nth-child(2){visibility:hidden}header .hamburger:not(.hide) .hamburger-line:last-child{transform-origin:0 0;transform:rotate(-45deg)}header .hamburger .hamburger-line{background-color:var(--c-text);pointer-events:none;border-radius:4px;width:25px;height:4px;transition:transform .3s linear,visibility 10ms .29s}header:has(>.sticky-menu>.visible){padding:0}header .sticky-menu{visibility:visible}@media only screen and (max-width:768px){header .sticky-menu{visibility:hidden}}header .sticky-menu:not(:has(.visible)){visibility:hidden}header .sticky-menu .travelling-smile{visibility:hidden;z-index:30;transition:bottom .3s ease-in-out,visibility .1s linear .3s;position:fixed;bottom:100vh;left:50px}header .sticky-menu .travelling-smile .mouth{stroke-dasharray:526.877 526.877}header .sticky-menu .travelling-smile:not(.visible)~.sticky-part{position:fixed;top:150px}header .sticky-menu .travelling-smile:not(.visible) .mouth>path{stroke-dashoffset:526.877px}header .sticky-menu .travelling-smile.visible{visibility:visible;transition:bottom .3s ease-in-out;bottom:calc(100vh - 150px)}header .sticky-menu .travelling-smile.visible .mouth>path{stroke-dashoffset:0}header .sticky-menu .travelling-smile.visible~.sticky-part{box-sizing:border-box;z-index:28;background-color:rgb(var(--c-bg-rgb), .5);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);width:100vw;-webkit-mask:var(--mask-scallop-bottom);-webkit-mask:var(--mask-scallop-bottom);mask:var(--mask-scallop-bottom);justify-content:space-between;align-items:center;gap:20px;padding:15px 50px 35px 200px;transition:transform .3s linear .3s;display:flex;position:fixed;top:-150px;transform:translateY(149px)}header .sticky-menu .travelling-smile.visible~.sticky-part ul{padding-top:0}header .sticky-menu .travelling-smile svg{opacity:.8;transition:opacity 1s ease-in-out}header .sticky-menu .travelling-smile svg path{transition:fill 1s,stroke 1s,stroke-dashoffset 1.5s}header .sticky-menu .travelling-smile a:hover{border:none}header .sticky-menu .travelling-smile .eyes{justify-content:center;align-items:center;gap:10px;width:100px;height:75px;margin-bottom:-20px}header .sticky-menu .travelling-smile .eyes svg{flex-shrink:0;width:30%;height:100%}header .sticky-menu .travelling-smile .mouth{pointer-events:all;width:100px;height:70px;margin-top:20px;margin-bottom:-15px}header .sticky-menu .travelling-smile.in-footer{transition:bottom .3s ease-in-out;bottom:150px}header .sticky-menu .travelling-smile.in-footer~.sticky-part{transition:transform .3s linear .3s;transform:translate(0)}header .sticky-menu .travelling-smile.in-footer svg{opacity:1;stroke:green;transition:opacity 1s ease-in-out}header .sticky-menu .travelling-smile.in-footer svg path{stroke:#f2eee5;transition:fill 1s,stroke 1s}header .sticky-menu .travelling-smile.in-footer svg:not(.mouth)>path{fill:#f2eee5}@media only screen and (max-width:1024px){header .sticky-menu .travelling-smile.in-footer{transition:left .3s linear,bottom .3s linear;left:calc(50vw - 50px)}}
.theme-toggle{position:absolute}.inline-toggle{position:relative}.custom-toggle{width:56px;height:31px}.custom-toggle input{opacity:0;width:0;height:0}.custom-toggle input:focus-visible+.toggle-button{outline:3px solid var(--c-accent-primary)}.custom-toggle .toggle-button{cursor:pointer;background-color:var(--c-accent-secondary);transition:all .4s;position:absolute;inset:0}.custom-toggle .toggle-button:before{content:"";background-color:var(--c-bg);width:24px;height:24px;transition:all .4s;position:absolute;bottom:4px;left:4px}.custom-toggle .toggle-button .toggle-icon{pointer-events:none;width:20px;height:20px;transition:all .4s;position:absolute;top:5px;right:30px}.custom-toggle .toggle-button .toggle-icon path,.custom-toggle .toggle-button .toggle-icon circle{stroke:var(--c-text);fill:var(--c-text)}.custom-toggle input:checked+.toggle-button:before,.custom-toggle input:checked+.toggle-button .toggle-icon{transform:translate(24px)}.custom-toggle input:checked+.toggle-button .toggle-sun{visibility:hidden;opacity:0}.custom-toggle input:checked+.toggle-button .toggle-moon{opacity:1;transition:opacity 1s ease-in}.custom-toggle input:not(:checked)+.toggle-button .toggle-moon{visibility:hidden;opacity:0}.custom-toggle input:not(:checked)+.toggle-button .toggle-sun{opacity:1;transition:opacity 1s ease-in}@media screen and (max-width:768px){.custom-toggle{display:none}}
.off-canvas-menu{box-sizing:border-box;background-color:rgb(var(--c-accent-secondary-rgb), .9);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);z-index:99;width:380px;max-width:100%;height:100%;-webkit-mask:var(--mask-scallop-left);-webkit-mask:var(--mask-scallop-left);mask:var(--mask-scallop-left);flex-direction:column;padding:50px 60px 30px 50px;transition:right .3s linear;display:flex;position:fixed;top:0;right:0;color:#f2eee5!important}@media (min-width:768px){.off-canvas-menu{display:none}}.off-canvas-menu nav>ul>.menu-item>a{color:var(--c-footer-text)}.off-canvas-menu a{color:#f2eee5}.off-canvas-menu a:not(:has(h1)):hover{border-bottom:1px solid #f2eee5}.off-canvas-menu.hide{visibility:hidden;transition:right .3s linear,visibility 10ms .3s;right:-100vw}.off-canvas-menu h1{font-size:70px}.off-canvas-menu .search-bar input{color:var(--c-text);background-color:var(--c-bg);font-weight:700}.off-canvas-menu>div:last-child{justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:auto;display:flex}.off-canvas-menu>div:last-child .theme-toggle{top:auto;top:initial;display:inline-block;position:relative}.off-canvas-menu>div:last-child .theme-toggle .toggle-button{background:var(--c-text)}