#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}html{background-color:#eaebed!important}body{background-color:#eaebed;color:#0d1821;font-family:Suse;font-size:large}@media only screen and (max-width: 600px){body{font-size:large!important}#root{max-width:100%!important}}a{color:#ff3434!important;font-weight:700!important;transition:transform cubic-bezier(.075,.82,.165,1) 1s}a:hover{color:#9e0031!important;transform:scale(1.1)}.BigHover{transition:transform cubic-bezier(.075,.82,.165,1) 1s}.BigHover:hover{transform:scale(1.1)}.MainArea{margin:auto;display:flex;flex-direction:column;width:66%}@media only screen and (max-width: 600px){.MainArea{width:100%!important}}.DraggableHandle{cursor:pointer}.DraggableHandle>:not(.DraggableHandle){cursor:initial}.Draggable{display:inline-block}.Box{border:5px solid #0D1821;border-radius:16px;padding:16px 32px;font-weight:500;text-align:left;box-shadow:-16px 16px #344966;background-color:#eaebed;animation:fadeInAnimation cubic-bezier(.64,.57,.67,1.53) .3s;animation-iteration-count:1;animation-fill-mode:forwards}@media only screen and (max-width: 600px){.Box{box-shadow:-2px 2px #344966;border:2px solid #0D1821;padding:0 8px;margin-top:4px}}@keyframes fadeInAnimation{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}.ThreeText{font-size:100px;font-weight:800;margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;text-align:center}@media only screen and (max-width: 600px){.ThreeText{position:relative!important;font-size:larger!important;top:0!important;left:0!important;-webkit-text-stroke:0px #0D1821!important;padding:2px}.ThreeTextShadow{display:none!important}}.ThreeTextHolder{position:relative}.ThreeTextMain{-webkit-text-stroke:6px #0D1821;paint-order:stroke fill;color:#ff3434;position:absolute;top:0;left:0;transform:translate(8px,-8px)}.ThreeTextShadow{position:absolute;color:#344966;-webkit-user-select:none;user-select:none;top:0;left:0}.InvisibleText{visibility:hidden}.Critter{max-width:256px}.AppleCritter{place-items:center;justify-content:center;display:flex;flex-direction:column;margin:auto}.CritterButtons{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.CritterSelect{display:flex;gap:8px;justify-content:center;padding:8px}.BlogTitleArea{display:flex;flex-direction:column;place-items:center;margin:auto}.BlogArea{width:66%;text-align:left;display:flex;margin:auto;flex-direction:column}@media only screen and (max-width: 600px){.BlogArea{width:100%!important;padding:8px;font-size:small}.BlogTitleArea{padding:8px}}img{width:100%;max-width:500px}p:has(img){margin:auto}.BlogPostList{gap:16px;place-items:center}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:auto;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.markdown>*{all:revert}.LogoHolder{-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;gap:4px}@media only screen and (max-width: 600px){.LogoHolder{gap:0px!important}}.NavBar{display:flex;width:100%;gap:16px;place-items:center;justify-content:center;font-weight:bolder;margin:16px;flex-wrap:wrap}@media only screen and (max-width: 600px){.NavBar{margin:16px 0!important;font-size:small}.Spacer{display:none}}.TopBar{margin-bottom:5%;place-items:center;display:flex;flex-direction:column}@media only screen and (max-width: 600px){.TopBar{margin-bottom:auto!important}}.TwoLogoHolder{display:flex;gap:24px}.PortfolioButton{transform:scale(1);border:5px solid #0D1821;border-radius:100%;font-weight:800;text-align:left;box-shadow:-8px 8px #344966;background-color:#eaebed;animation:fadeInAnimation cubic-bezier(.64,.57,.67,1.53) .3s;animation-iteration-count:1;animation-fill-mode:forwards;width:128px;height:128px;cursor:pointer;text-align:center;display:flex;transition:transform cubic-bezier(.075,.82,.165,1) 1s,background-color cubic-bezier(.075,.82,.165,1) 1s;background-repeat:no-repeat;background-position:center center;background-color:#ffffff54;background-blend-mode:lighten;-webkit-text-stroke:#EAEBED 8px;paint-order:stroke fill}@media only screen and (max-width: 600px){.PortfolioButton{width:64px!important;height:64px!important;font-size:small!important;-webkit-text-stroke:#EAEBED 2px}.PortfolioButtonBlurb{width:64px!important;font-size:small!important}}.PortfolioButton:hover{transform:scale(1.1);background-color:#fff0}.PortfolioButtonText{margin:auto;-webkit-user-select:none;user-select:none}.PortfolioButtonBackground{border-radius:100%;border:3px dashed rgba(0,0,0,.091)}.PortfolioButtonBlurb{font-size:medium;color:gray;width:128px;text-align:center}.PortfolioBox{display:flex;flex-direction:column;justify-content:center;place-items:center}.PortfolioImage{width:50%;border-radius:8px;border:6px #0D1821 solid}.Portfolio{overflow:show;width:66%;margin:auto}@media only screen and (max-width: 600px){.Portfolio{width:100%!important}}.PortfolioButtonHolder{display:flex;flex-direction:row;justify-content:center;gap:32px;margin-top:32px;flex-wrap:wrap}