.container{padding:0 2vw;padding-bottom:2em}.outer-container{display:flex;flex-direction:column;min-height:100vh}body,html{font-family:Helvetica,sans-serif,monospace;margin:0;padding:0}body{background-color:#fcfbf9;color:#000;line-height:1.75;font-size:calc(1vw + .5vh)}h1{color:#7ea1ff}h2{font-size:calc(1.3vw + .6vh);color:#7ea1ff}#root{text-align:center}.row{display:flex}.columnAbout1{flex:50%;text-align:left;text-align:justify}.columnAbout2{margin-top:calc(1.5vh + 1vw);flex:40%}.portrait{margin-top:3em;max-width:75%;border-width:.1em;border-radius:50%;box-shadow:3px 2px 4px #a9b7d6}.columnHome{flex:0%;text-align:left;padding-right:5%;text-align:justify}.columnHome a{color:#000}.navbar{font-size:calc(1.5vw + .5vh);margin-top:calc(.25vw + .25vh);display:flex;align-items:center;justify-content:space-evenly;border-bottom-style:solid;border-bottom-width:.01em;border-bottom-color:#ffd0d0;position:relative;z-index:2000}.navlink{text-decoration:none;height:fit-content;font-weight:700;width:fit-content;border-radius:.25em;color:#7ea1ff}.navlink:hover{background-color:#f0f8ff}.home-button{margin-right:10vw}.dropdown{position:relative;display:inline-block;width:fit-content;height:fit-content;padding-top:.5%;padding-bottom:.5%;border-radius:.25em;color:#7ea1ff;font-weight:700}.dropdown:hover{background-color:#f0f8ff}.dropdown-content{padding-top:5%;display:none;position:absolute;background-color:#f0f8ff;width:100%;border-bottom-left-radius:.25em;border-bottom-right-radius:.25em;font-weight:400;z-index:2100}.dropdown-content a{padding:1vw 1vh;text-decoration:none;display:block;color:#7ea1ff;font-size:.75em}.dropdown-content a:hover{background-color:#d3e3f1}.dropdown:hover .dropdown-content{display:block}.dropdown:hover{border-bottom-left-radius:0;border-bottom-right-radius:0}.signature-logo{max-width:10vw;max-height:8vh}.signature-logo:hover{filter:brightness(90%)}.footer{background-color:#b0c0ec;color:#f0f8ff;height:fit-content;font-size:calc(.5vh + .5vw);display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;width:100%}.footer img{max-width:fit-content;max-height:3em;margin-left:1em}.art-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:2rem;box-sizing:border-box;justify-items:center;align-items:start}.art-item{width:100%;position:relative;padding-top:100%;overflow:hidden;border-radius:6px;box-shadow:0 2px 6px #00000040;background:#f6f6f6}.art-item{opacity:1;transform:none;animation:none}.art-container.animate .art-item{opacity:0;transform:translateY(10px) scale(.995);animation:itemEnter .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay, 0ms)}.art-item img.art-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transition:transform .35s ease}.art-thumb-button{display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:zoom-in}.art-item:hover img.art-image,.art-item:focus-within img.art-image{transform:scale(1.06)}@media (min-width: 1200px){.art-container{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width: 480px){.art-container{gap:.6rem;padding:1rem}}@keyframes itemEnter{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.art-item{animation:none!important;transform:none!important}.art-item img.art-image{transition:none!important}}.art-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.art-preview{position:relative;max-height:90vh;width:95vw;background:#d4d8e9;padding:1rem;border-radius:8px;box-shadow:0 10px 30px #0009}.preview-close{position:absolute;right:8px;top:8px;background:#ffffffe6;border:0;border-radius:4px;width:34px;height:34px;font-size:18px;cursor:pointer}.preview-inner{width:100%;height:calc(80vh - 2rem);max-height:80vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-image{max-width:100%;max-height:100%;transition:transform .12s ease;will-change:transform;cursor:default}.desc-text{font-size:1.5vw}.photo-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.8rem;padding:1.5rem;box-sizing:border-box;justify-items:center}.photo-item{width:100%;position:relative;padding-top:56.25%;overflow:hidden;border-radius:6px;box-shadow:0 2px 6px #0003;background:#f6f6f6;opacity:1;transform:none}.photo-container.animate .photo-item{opacity:0;transform:translateY(8px) scale(.995);animation:itemEnter .38s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay, 0ms)}.photo-item img.photo-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transition:transform .35s ease}.photo-thumb-button{display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:zoom-in}.photo-item:hover img.photo-image,.photo-item:focus-within img.photo-image{transform:scale(1.04)}.photo-preview{width:min(1400px,98vw);max-width:98vw;max-height:85vh;padding:.75rem 1.25rem}.photo-preview .preview-inner{height:calc(65vh - 2rem);max-height:75vh}.comic-thumbnail{max-width:40vw;margin:.9%;aspect-ratio:1/1;transition:transform .4s,opacity 1s ease-in-out;box-shadow:1px 1px 3px #000;object-fit:cover;object-position:100% 0%;opacity:0}.comic-thumbnail.loaded{opacity:1}.comic-container{flex-wrap:wrap;align-items:flex-start baseline;justify-content:space-evenly}.comic-thumbnail:hover{transform:scale(1.05)}.single_comic{padding-top:1%;max-width:50vw}.back_button{text-decoration:none;color:#7ea1ff}.button{max-width:10%;max-height:10%;font-size:1.5vw;font-weight:700;font-style:italic;border-radius:.5em;align-items:center;justify-content:center;margin:1% auto 0}.button:hover{background-color:#f0f8ff}