@charset "UTF-8";.content{background:url(/loading.gif) no-repeat center center;background-size:0;background-repeat:no-repeat;background-position:center}.content img,.content video{width:100%;height:100%;margin:0 auto;transition:opacity .25s ease}.content img.fit-contain{object-fit:contain}.content img.fit-cover{object-fit:cover}.iframe,.contained{display:flex;justify-content:center}.iframe>*,.contained>*{width:100%}.iframe>iframe{min-width:unset!important}.contained>iframe,.contained>blockquote{min-width:unset!important;min-height:unset!important;width:100%!important}.contained>*{z-index:9}.gallery{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:999;background:rgba(17,17,17,.8666666667);backdrop-filter:blur(50px);transition:opacity .15s;opacity:0}.gallery:not(.open){pointer-events:none}.gallery.open{opacity:1}.gallery .gallery-icon{position:fixed;width:50px;height:50px;z-index:20;margin:0;padding:0;border:none;color:#fff;background:transparent}.gallery .gallery-bar{position:fixed;width:150px;height:100vh;top:0;z-index:10;margin:0;padding:0;border:none;color:#fff;background:transparent}.gallery .gallery-thumb{top:25px;right:25px}.gallery .gallery-go-fullscreen{opacity:0;top:33%;right:calc(50% - 25px);transition:opacity .25s;pointer-events:none}.gallery .gallery-left{left:0}.gallery .gallery-right{right:0}.gallery .gallery-content{position:fixed;top:25%;left:12.5%;display:flex;flex-direction:row;gap:1em;width:75%;height:50vh;justify-content:center;align-items:center}@media only screen and (max-width: 768px){.gallery .gallery-content{flex-direction:column}}.gallery .gallery-content>.content{flex:1;transition:filter .25s;cursor:pointer}.gallery .gallery-content>.content>img,.gallery .gallery-content>.content>video{height:100%;max-height:100%;object-fit:contain}@media only screen and (max-width: 768px){.gallery .gallery-content>.content>img,.gallery .gallery-content>.content>video{width:75vw;max-height:50vh}}.gallery .gallery-content>.content:hover:not(.video){filter:brightness(.8)}.gallery .gallery-content>.content:hover:not(.video):after{content:"⛶";color:#fff;position:absolute;left:calc(50% - 14px);top:calc(50% - 22px)}.gallery .gallery-content>.gallery-text{flex:1;line-height:.65em}@media only screen and (max-width: 768px){.gallery .gallery-content>.gallery-text{width:100%}}.gallery .gallery-content>.gallery-text>*:not(hr){display:inline-block}.gallery .gallery-content>.gallery-text>h1,.gallery .gallery-content>.gallery-text h2,.gallery .gallery-content>.gallery-text p{margin:0;text-align:left}.gallery .gallery-content>.gallery-text h1{color:#dedcd7;font-size:1.5em;line-height:.75em}.gallery .gallery-content>.gallery-text h2{color:#c0bdb8;font-size:.75em}.gallery .gallery-content>.gallery-text p{line-height:.75em;color:#b1afab;font-family:Architects Daughter;letter-spacing:0px}.gallery .gallery-content>.gallery-text hr{border-color:#5c5c5a;margin:5px 0}.gallery .gallery-content>.gallery-text a{color:#4169e1;font-size:.75em;cursor:pointer}.gallery .gallery-fullscreen{position:fixed;width:100vw;height:100vh;z-index:40;top:0;left:0;background:black}.gallery .gallery-fullscreen>.content{width:100%;height:100%;z-index:50}.gallery .gallery-fullscreen>.content img{object-fit:contain;background-size:contain;background-repeat:no-repeat;background-position:center}#art.page{margin:0;overflow:hidden;text-align:center}#art.page .tag-list{display:flex;justify-content:center;flex-wrap:wrap;gap:5px}#art.page .tag-list button{padding:5px 10px;margin:15px 0;border:1px solid rgba(0,0,0,.1333333333);border-radius:5px;background-color:#fff4;backdrop-filter:blur(5px);font-size:1em;gap:10px}#art.page .tag-list button:hover{background-color:#fff4}#art.page .art-section{max-width:900px;margin:auto}#art.page .art-section>h2{scroll-margin-top:120px}#art.page .art-container{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}#art.page .art-container>.content{transition:filter .15s}#art.page .art-container>.content:hover:not(.iframe,.contained),#art.page .art-container>.content:focus:not(.iframe,.contained){filter:brightness(.85)}@media only screen and (max-width: 768px){#art.page .art-container>div{width:100%!important}.gallery .gallery-bar{width:50px;height:50px;top:25px}.gallery .gallery-left{left:25px}.gallery .gallery-right{left:125px}}#commissions.page .content{font-size:.7em;line-height:1em}#commissions.page .content>*{white-space:pre-wrap}#commissions.page .content pre{margin:0}#commissions.page .md-card{display:flex;flex-direction:column;max-width:400px;margin:1em auto;border-radius:10px;border:2px solid pink;overflow:hidden;--light-blue: 173, 216, 230;background:linear-gradient(180deg,transparent 0,rgba(var(--light-blue),.125) 12%,rgba(var(--light-blue),1) 40%,pink 65%,#fffee1);transition:box-shadow .5s}#commissions.page .md-card:hover{box-shadow:0 0 10px 5px pink}#commissions.page .md-card a{display:contents;color:#000}#commissions.page .md-card a>img{max-width:400px;max-height:200px}#commissions.page .md-card a>h3{text-decoration:underline;padding:0 1em;margin:.25em 0}#commissions.page .md-card a>p{font-size:.8em;padding:0 1.5em;margin:.25em 0}@media only screen and (max-width: 768px){#commissions.page .md-card a>h3{padding:0 .7em;margin:.25em 0 0}}#contact-me.page{display:inline}#contact-me.page>p{display:inline-block;vertical-align:top;width:50%;margin-right:1em;line-height:1em}#contact-me.page>p svg{max-width:36px}#contact-me.page .contact-form{display:inline-block;width:40%;max-width:24em}#contact-me.page .social-links{display:inline;white-space:pre}#contact-me.page .social-links>*{margin-inline-start:.5em}#contact-me.page .social-links>*:first-child{margin-left:0}#contact-me.page .social-links>a{position:relative;width:36px;color:#c4c0ff;fill:#c4c0ff;text-decoration:none}#contact-me.page .social-links>a:hover{color:#edc0ff;fill:#edc0ff}#contact-me.page .social-links>a:hover>label{display:initial}#contact-me.page .social-links>a>label{display:none;position:absolute;top:-1.5em;left:-.825em;width:2.5em;text-align:center;color:#534957;background-color:#caade6;border-radius:.25em;border:1px solid #534957;padding:.1em}#contact-me.page h2,#contact-me.page p{white-space:break-spaces}#contact-me.page .contact-form .submit-button{font-family:Nanum Pen Script;display:block;float:right;font-size:1em;line-height:.5em;width:150px;height:50px;padding:10px;margin-right:-.3em;color:#6a5acd;background:transparent;border:2px solid slateblue;border-radius:8px;transition:all .25s cubic-bezier(.075,.82,.165,1)}#contact-me.page .contact-form .submit-button>*{margin:0 5px}#contact-me.page .contact-form .submit-button:hover,#contact-me.page .contact-form .submit-button:focus{color:#fff;animation:gradient2 3s infinite,pulse 1s infinite}@keyframes gradient2{0%{background:linear-gradient(90deg,#adc1e6,#caade6)}15%{background:linear-gradient(90deg,#c4c0ff,#edc0ff)}40%{background:linear-gradient(90deg,#ffc0cb,#ffdec0)}65%{background:linear-gradient(90deg,#ebe784,#ebe784)}to{background:linear-gradient(90deg,#adc1e6,#caade6)}}@keyframes gradient1{0%{background-color:#adc1e6}15%{background-color:#c4c0ff}40%{background-color:pink}65%{background-color:#ebe784}to{background-color:#adc1e6}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes gradient{0%{background-position:0% 0%;transform:scale(1)}25%{background-position:100% 0%;transform:scale(1.1) rotate(-10deg)}50%{background-position:100% 100%;transform:scale(1.4) rotate(10deg)}75%{background-position:0% 100%;transform:scale(1)}}#contact-me.page .contact-form .submitted-text{background:-webkit-linear-gradient(135deg,blue,pink);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#contact-me.page .contact-form .success-text{background:-webkit-linear-gradient(275deg,blue,pink);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#contact-me.page .contact-form .error-text span{position:absolute;color:red;animation:shake .2s infinite}@keyframes shake{0%{transform:translate(-90px) rotate(320deg)}25%{transform:translate(-80px) rotate(340deg)}50%{transform:translate(-90px) rotate(330deg)}75%{transform:translate(-100px) rotate(320deg)}to{transform:translate(-90px) rotate(310deg)}}#contact-me.page .contact-form .field-group{display:block;margin:.5em 0}#contact-me.page .contact-form .field-group label{display:block;margin:0;padding:0;line-height:.5em;color:#6a5acd;transition:all .25s cubic-bezier(.075,.82,.165,1)}#contact-me.page .contact-form .field-group input{height:30px}#contact-me.page .contact-form .field-group textarea{height:150px}#contact-me.page .contact-form .field-group input,#contact-me.page .contact-form .field-group textarea{padding:3px;border-width:2px;border-style:solid;border-color:#6a5acd;border-radius:5px;background:transparent;width:100%;transition:all .2s}#contact-me.page .contact-form .field-group input:focus,#contact-me.page .contact-form .field-group textarea:focus{outline:none;border:solid 1px transparent;border-radius:5px;background-image:linear-gradient(rgba(255,255,255,.8666666667),rgba(255,255,255,.8666666667)),linear-gradient(135deg,pink,blue);background-origin:border-box;background-clip:content-box,border-box}#contact-me.page .contact-form .field-group input:focus+label,#contact-me.page .contact-form .field-group textarea:focus+label{transform:scale(1.25) rotate(-20deg) translate(-20px,-20px);background:linear-gradient(135deg,pink,blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media only screen and (max-width: 768px){#contact-me.page{width:auto;min-height:unset;margin:.5em;padding:1em;font-size:smaller}#contact-me.page p{display:block;position:relative;width:100%;height:min-content;float:unset}#contact-me.page .contact-form{width:100%;margin-top:unset;float:unset}}
