html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{font-family:monospace;margin:0;background-color:#f4f2ea}a{text-decoration:none;color:hsl(230,95%,55%)}body{overflow-y:scroll}main{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:rgba(170,170,170,.75)}::-webkit-scrollbar-thumb:hover{background:#aaa}.web-intro{max-width:800px;font-family:monospace;margin:2.5em 0 5em}.portfolio-img{display:flex;cursor:pointer}.portfolio-img img{max-width:100%;max-height:100%}.desktop-only{aspect-ratio:16/9}.desktop-mobile{aspect-ratio:50/21;display:grid;grid-template-columns:75.45% 23.93%;grid-gap:1.62%;gap:1.62%}.title-bar{height:50px;display:flex;align-items:center;justify-content:space-between;font-family:monospace;border-bottom:1px solid #000}.item-src{height:25px;width:25px}.item-src img{max-width:100%;height:100%}.item-info{text-align:left;margin:1em 0}.animation-item{max-width:600px;margin-bottom:2.5em}.animation-item a img{max-width:100%}.item-info{padding:1em}.modal-bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.85);z-index:0}.modal-bg button{background:none;border:none;font-size:2em;color:hsla(0,0%,100%,.5);margin:.5em}.l-modal{display:grid;align-items:center;z-index:1;position:fixed;top:0;height:100%;grid-template-rows:90% 10%}.modal-img{max-height:90%}@media only screen and (max-width:600px){.modal-img{max-width:100%}}.modal-caption{color:hsl(100,100%,99%);height:5%;display:flex;align-items:center;justify-content:center}header{max-width:325px;max-height:120px;display:block;margin:1em auto 2.5em;cursor:pointer}.home-title{max-width:100%}nav{width:300px;height:25px;margin:1em}nav ul{list-style-type:none;display:flex;align-items:center;justify-content:space-evenly;padding:0;margin:0 auto}nav li{width:45px;cursor:pointer}nav ul img{max-width:100%}.l-work-link{display:flex;flex-direction:column;align-items:center;cursor:pointer}.work-link-title{max-width:50%}.work-link-thumb{max-width:100%}.post{padding:2em;border:1px solid #e6e6e6;margin:2em 0}.post a{text-decoration:none;color:inherit;word-break:break-all}.post .l-comments-link{height:1em}.post .comments-link{float:right}.post-content{flex-direction:column;margin:1em}.post-content,.post-content p{display:flex;align-items:flex-start}@media only screen and (max-width:600px){.post-content p{flex-direction:column}}.post-content img{max-height:400px;max-width:100%;margin-right:.5em}@media only screen and (max-width:600px){.post{padding:2em 1em}}.comment{padding:2em 0;border-bottom:1px solid hsl(0,0%,95%)}.comment div{margin-bottom:1em}.comment-date{font-size:.9em;color:gray}.admin{color:blue;font-weight:900}.admin:before{content:"⁂";margin-right:.5em}.form-toggle{background:none;border:none;font-family:inherit}.l-comment-form{padding:1em}.new-comment-form{width:100%;display:flex;flex-direction:column;align-items:flex-start}.new-comment-form input{width:100%;border-radius:unset;padding:2px;border-style:solid;border-width:1px;margin-bottom:1em;line-height:2em;font-family:inherit;outline:none}.new-comment-form textarea{width:100%;resize:none;outline:none;overflow-y:scroll;margin-bottom:1em}.new-comment-form label{width:33.333%;margin:1em auto 1em 0}@media only screen and (max-width:600px){.new-comment-form label{width:100%}}.new-comment-form label input{margin-top:1em}.new-comment-form .l-captcha{width:33.333%;display:flex;position:relative}@media only screen and (max-width:600px){.new-comment-form .l-captcha{width:100%}}.new-comment-form .l-captcha canvas{width:90%;height:100px;font-size:30px;letter-spacing:5px;margin-right:auto;display:block;background-color:#eee}.new-comment-form .l-captcha .l-captcha-icons{width:10%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;cursor:pointer}.new-comment-form .l-captcha .l-captcha-icons img{width:66.666%}.new-comment-form button{padding:.5em 2em;border-radius:0;background-color:rgba(0,0,0,0);border-style:outset;border-width:1px;font-family:inherit}@media only screen and (max-width:600px){.new-comment-form button{width:50%}}.form-toggle{cursor:pointer}@media only screen and (max-width:600px){.form-toggle{margin:1em}}.hidden{display:none}.correct{display:inline;color:green}.correct:after{content:"correct ✓"}.incorrect{display:inline;color:red}.incorrect:after{content:"incorrect ✖"}.enabled{cursor:pointer}.disabled{cursor:not-allowed}.comment-ok{background:hsl(150,100%,75%);padding:20px}.comment-ok:after{content:"Comment posted successfully. It will show up in the comments section at a later time."}.comment-fail{background:hsl(0,100%,66%);padding:20px}.comment-fail:after{content:"Comment not posted successfully. Please re-try."}.item-title-anim{padding-left:1em}.illo-grid{display:grid;grid-template-columns:repeat(4,300px);grid-template-rows:repeat(7,300px);grid-gap:10px;gap:10px;margin:2em 0}.illo-grid img{width:100%;object-fit:cover;object-position:bottom;height:100%;cursor:pointer}@media only screen and (max-width:600px){.illo-grid{grid-template-columns:300px;grid-template-rows:repeat(27,300px)}}.l-info{display:flex;align-items:center;justify-content:center;height:80vh}.l-info,.work-main{flex-direction:column}.work-main{padding:1em}.portfolio-item{max-width:800px;margin-bottom:2.5em}.l-work-links{display:grid;grid-template-columns:1fr 1fr 1fr;margin:10% 0}@media only screen and (max-width:600px){.l-work-links{grid-template-columns:75vw;grid-template-rows:1fr 1fr 1fr;margin:2.5em 0;grid-gap:2.5em}}.animation-main{justify-content:unset;flex-direction:column}.animation-items{display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:100%}.gif-Man,.text-Box{width:100%;max-height:889px;display:block}.text-Box{position:absolute;top:0;left:0}.gif-Man img,.text-Box img{width:100%}.load-GIF{height:150px;width:150px;z-index:3;top:35%;background:url(/_next/static/media/loader.a41882a4.png);animation:animate .75s steps(14) infinite}.load-GIF,.overlay{margin:auto;left:0;right:0;position:absolute}.overlay{height:889px;display:block;top:calc(115px + 2.5em);background-color:#f4f2ea;z-index:2}.fadeOut{visibility:hidden;opacity:0;transition:visibility 0s .15s,opacity .15s ease-out}@keyframes animate{0%{background-position:0}to{background-position:2100px}}.gif-Man img{cursor:pointer}.flex-container{width:100%;display:flex;align-items:center;justify-content:center}.l-mascot{aspect-ratio:600/889;width:550px;position:relative;box-shadow:5px -5px 8px 0 #fff,-5px -5px 8px 0 #fff}@media only screen and (max-width:600px){.l-mascot{width:92.5%}}.loading-screen{opacity:1}.debug{position:absolute;left:0;top:0}.isNot-Speaking{visibility:hidden}.is-Speaking{visibility:visible}