@import "https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";body{width:800px;margin:0;padding:20px;font-family:sans-serif;font-size:20px}.nav{flex-direction:row-reverse;gap:10px;display:flex}.nav .nav-item{margin-bottom:10px;display:flex}.content{width:100%;display:block}.projects{flex-direction:column;gap:20px;display:flex}.projects h2{margin-top:0;margin-bottom:0;font-size:20px;font-style:italic}.projects .project{border:1px solid #000;flex-direction:column;gap:5px;padding:20px;display:flex}.projects .project-body{flex-direction:row;gap:20px;display:flex}.projects .project-preview{flex-basis:800px;max-width:160px;margin-top:20px}.projects .project-links{flex-wrap:wrap;gap:5px 20px;display:flex}.projects .project-link:before{content:">_";text-decoration:underline;position:absolute;left:-15px}.projects .project-link{margin-left:10px;position:relative}.banner{background-color:#dea066;border:4px solid #000;border-radius:30px;position:relative;overflow:hidden}.banner .banner-background-text{opacity:.1;width:1000px;font-size:50px;position:absolute;top:-10px;left:-20px}.banner .banner-foreground-text{text-align:right;text-shadow:0 0 10px #fff,0 0 10px #fff;margin:20px 5px 5px}a,a:active,.fake-link{cursor:pointer;color:#00f;text-decoration:underline}:is(a,a:active,.fake-link):hover{outline:1px dashed #00f;box-shadow:0 0 20px -5px #00f}:is(a,a:active,.fake-link):active{color:purple;box-shadow:0 0 20px purple}.fake-link{-webkit-user-select:none;user-select:none}canvas,img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.blog img{image-rendering:auto}.blog .callout{background:#ddd;padding:10px}.pixel img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.page{align-items:flex-start;gap:20px;width:100%;display:flex}.symbol{text-align:center;width:1em;display:inline-block}.pet-window{flex-direction:column;gap:10px;display:flex}.pet-stats{background-color:#ffffb0;padding:10px}.blog img{max-width:100%}.code-archive{word-break:break-all;word-wrap:break-word;border:2px solid #000;max-width:500px;height:400px;display:block;overflow-y:scroll}@media (width<=820px){body{width:auto}.page{flex-direction:column;align-items:stretch;gap:20px;display:flex}.content{flex-basis:initial;min-width:auto}.banner .banner-foreground-text{font-size:30px}.pet-window{flex-direction:row;justify-content:center;align-items:center;gap:0;display:flex}.pet-view-and-message{flex-direction:column;flex-basis:10px;display:flex}.pet-view{margin:0 -30px}.pet-stats{flex-basis:300px;width:300px}.nav{justify-content:space-evenly;gap:initial;flex-wrap:wrap-reverse;width:100%;display:flex}.nav .nav-item{margin-bottom:10px;display:flex}code{max-width:auto;width:100%}}.carousel img{max-width:100%}.carousel .fake-link{min-width:20px;display:inline-block}@keyframes funAnimation{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}5%{transform:translateY(-30px)scale(1.2)rotate(15deg)}10%{transform:translateY(0)scale(1)}15%{transform:rotate(10deg)skew(10deg)}20%{transform:rotate(-10deg)skew(-10deg)}25%{transform:rotate(0)}30%{transform:scale(1.2)}35%{transform:scale(1)}40%{transform:translate(-20px)rotate(-15deg)}45%{transform:translate(20px)rotate(15deg)}50%{transform:translate(0)rotate(0)}55%{}60%{transform:translateY(-50px)scale(1.3)rotate(180deg)}65%{transform:translateY(0)scale(1)rotate(0)}70%{transform:translate(200px)rotate(360deg)scale(.5)}75%{transform:translate(0)rotate(0)scale(1)}80%{transform:translateY(-10px)rotate(720deg)scale(1.1)}85%{transform:translateY(0)scale(1)}90%{transform:rotate(-360deg)scale(1.2)}95%{transform:rotate(360deg)scale(.8)}to{transform:rotate(0)scale(1)}}.web-ring{color:#000;text-align:center;background:#c4c4c4;border:5px outset #e1e1e1;padding:2px 10px;font-style:italic;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.web-ring:active{color:#000;text-decoration:none}.web-ring img{height:100%;animation:7s infinite funAnimation;position:absolute;top:0%;left:5px;transform:translate(-50%,-50%)}.web-ring:hover{border:5px outset #e10000}.web-ring:hover img{animation-duration:1s}.web-ring .filler{color:#0000;font-weight:700;position:relative}.web-ring .floating{color:#000;text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;width:100%;font-weight:700;position:absolute;top:0;left:0}#foot{text-align:right}.english-syntax-highlight{border:1px solid #000;padding:10px;font-family:Courier New,Courier,monospace}.english-syntax-highlight .article{color:#00f;font-weight:700;position:relative}.english-syntax-highlight .noun{color:red;text-decoration:underline;position:relative}.english-syntax-highlight .adjective{color:silver;position:relative}.english-syntax-highlight .verb{color:#000;position:relative}.english-syntax-highlight .conjunction{color:#00f;font-weight:700;position:relative}.english-syntax-highlight .preposition{color:green;font-style:italic;position:relative}.english-syntax-highlight .pronoun{color:red;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;position:relative}.english-syntax-highlight .possessive{color:red;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;position:relative}.english-syntax-highlight .adverb{color:#000;font-weight:700;position:relative}.english-syntax-highlight .article:after,.english-syntax-highlight .noun:after,.english-syntax-highlight .adjective:after,.english-syntax-highlight .verb:after,.english-syntax-highlight .conjunction:after,.english-syntax-highlight .preposition:after,.english-syntax-highlight .pronoun:after,.english-syntax-highlight .possessive:after,.english-syntax-highlight .adverb:after{content:"";color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background-color:#000;border-radius:5px;padding:5px;font-size:12px;transition:opacity .3s,visibility .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.english-syntax-highlight .article:hover:after,.english-syntax-highlight .noun:hover:after,.english-syntax-highlight .adjective:hover:after,.english-syntax-highlight .verb:hover:after,.english-syntax-highlight .conjunction:hover:after,.english-syntax-highlight .preposition:hover:after,.english-syntax-highlight .pronoun:hover:after,.english-syntax-highlight .possessive:hover:after,.english-syntax-highlight .adverb:hover:after{opacity:1;visibility:visible}.english-syntax-highlight .article:after{content:"article"}.english-syntax-highlight .noun:after{content:"noun"}.english-syntax-highlight .adjective:after{content:"adjective"}.english-syntax-highlight .verb:after{content:"verb"}.english-syntax-highlight .conjunction:after{content:"conjunction"}.english-syntax-highlight .preposition:after{content:"preposition"}.english-syntax-highlight .pronoun:after{content:"pronoun"}.english-syntax-highlight .possessive:after{content:"possessive"}.english-syntax-highlight .adverb:after{content:"adverb"}@keyframes bushRustle{0%{transform:rotate(0)translate(0)scale(.5)}20%{transform:rotate(-10deg)translate(-8px)scale(.75)}40%{transform:rotate(10deg)translate(8px)scale(.9)}60%{transform:rotate(-5deg)translate(-2px)scale(1)}80%{transform:rotate(5deg)translate(2px)scale(1)}to{transform:rotate(0)translate(0)scale(1)}}@keyframes bushRustleNoFade{0%{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-1deg)}80%{transform:rotate(1deg)}to{transform:rotate(0)}}.pet-stats .stat .stat-description{display:none}.pet-stats .stat .stat-value{display:initial}.pet-stats .stat:hover .stat-description{display:initial}.pet-stats .stat:hover .stat-value{display:none}.blog p code{color:green;white-space:nowrap;padding:0 10px;box-shadow:1px 1px 3px #00000080}.blog .smiley,.smiley{height:18 * 2px;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor;margin-top:-3px;margin-bottom:-8px}.text-smiley{white-space:nowrap;display:inline-block}