#hero{--transition: all .25s ease-in-out;display:block;width:100%}#hero>#hero-image{position:fixed;width:100%;height:100%;top:0;background:linear-gradient(165deg,rgba(0,0,0,.7333333333) 30%,rgba(0,0,0,0)),center/cover url(/skitty.webp)}#hero>nav{position:fixed;display:inline-flex;align-items:center;width:100%;height:80px;z-index:89;padding:1em 3em;backdrop-filter:brightness(50%) blur(.5em);transition:var(--transition)}@media only screen and (max-width: 768px){#hero>nav{padding:.5em 1.25em;display:flex;flex-direction:column;align-items:flex-start;width:calc(100% - 1em);height:60px}#hero>nav .signature{height:35px;width:120px}}#hero>nav:not(.scrollAtTop){height:35px}@media only screen and (max-width: 768px){#hero>nav:not(.scrollAtTop){height:60px}}#hero>nav:not(.scrollAtTop) .signature{height:35px;width:120px}#hero>nav:not(.scrollAtTop) .nav-links>.nav-link{font-size:.75em}#hero>nav .logo{filter:contrast(0) brightness(2) opacity(.3)}#hero>nav .signature{transition:var(--transition);margin-right:.5em;margin-left:-.25em}#hero>nav .nav-links{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:1em}#hero>nav .nav-links>#art-link{display:flex;flex-direction:row;gap:.125em}#hero>nav .nav-links>#art-link>span{font-size:x-small}#hero>nav .nav-links>.nav-link{color:#eacdd1;text-decoration:none;font-size:1.25em;transition:var(--transition)}@media only screen and (max-width: 768px){#hero>nav .nav-links>.nav-link{font-size:.75em}}#hero>nav .art-block-links{position:absolute;display:flex;flex-direction:column;top:1.5em;left:-1em;width:100%;opacity:0;pointer-events:none;transition:opacity ease-in-out .25s;padding:.5em 1em;background:rgba(0,0,0,.75);border-radius:.5em}#hero>nav .art-block-links.navHover{opacity:1;pointer-events:all}#hero>nav .art-block-links>a{color:#fff;text-decoration:none;font-size:1em;transition:var(--transition)}#hero>nav .art-block-links>a:hover{color:#d389a7}#hero .text-block{position:relative;padding:6em 3em 0;margin:0;text-align:left;background:linear-gradient(180deg,rgba(0,0,0,.7333333333) 10%,rgba(0,0,0,0));color:#fff;white-space:break-spaces}@media only screen and (max-width: 768px){#hero .text-block{padding:4em 1.5em 0;font-size:smaller}}footer{height:64px;padding:1em 0 0}footer>p{width:max-content;margin:0 auto;white-space:nowrap}footer>p>.footer-icon{color:#b2deed;filter:drop-shadow(0 0 3px rgba(83,73,87,.2666666667));margin:0 .5em}@font-face{font-family:Raquel;src:url(/fonts/Raquelfont_01.ttf)}@font-face{font-family:Nanum Pen Script;src:url(/fonts/nanum-pen-script-v19-latin-regular.woff2)}@font-face{font-family:Architects Daughter;src:url(/fonts/ArchitectsDaughter-Regular.ttf)}:root{--light-blue: 173, 216, 230;--pink: 255, 192, 203;--beige: 255, 254, 225;--text-color: 83, 73, 87;--shadow-color: 83, 73, 87, .267}html,body{display:block;position:relative;overflow-x:hidden;overflow-y:scroll;font-family:Nanum Pen Script;font-size:36px;line-height:1.25em;letter-spacing:-1px;margin:0;padding:0;scroll-behavior:smooth}main:where(.astro-J7PV25F6){display:block;position:relative;padding:5em 4em 0;background:linear-gradient(180deg,transparent 0,rgba(var(--light-blue),.425) 4em,rgba(var(--light-blue),1) 16em,rgb(var(--pink)) 48em,rgb(var(--beige)));color:rgb(var(--text-color));text-shadow:1px 1px 3px rgba(var(--shadow-color));font-size:28px}@media only screen and (max-width: 768px){main:where(.astro-J7PV25F6){padding:1em}}.page:where(.astro-J7PV25F6){padding:4em 0;h2 {margin: 0;}}