.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(1.3vw + .5vh)}h1{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}.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}.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-image{max-width:24vw;margin:1vw;aspect-ratio:8/7;opacity:0;transition:transform .4s ease,opacity 1s ease-in-out;box-shadow:1px 1px 6px #000}.art-image.loaded{opacity:1}.art-container{flex-wrap:wrap;align-items:flex-start baseline;justify-content:space-evenly}.art-image:hover{transform:scale(1.05)}.desc-text{font-size:1.5vw}.photo-image{max-width:25vw;margin:.9%;aspect-ratio:16/9;transition:transform .4s ease,opacity 1s ease-in-out;box-shadow:1px 1px 6px #000;opacity:0;object-fit:cover;object-position:center;visibility:visible}.photo-image.loaded{opacity:1}.photo-container{flex-wrap:wrap;justify-content:space-evenly}.photo-image img:hover{transform:scale(1.05)}.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}