.contain{max-width:1024px;width:min(100% - 2*var(--space),1024px);margin-left:auto;margin-right:auto}.shadow{border:1px solid rgb(var(--dark));box-shadow:calc(.5*var(--space))calc(.5*var(--space))rgba(var(--dark),.5)}:where(a,.link):not(.button){color:rgb(var(--blue));text-decoration:none;transition:all .2s ease-in-out;position:relative}:where(a,.link):not(.button):hover{filter:brightness(150%);text-decoration:underline}a[target=_blank]{margin-right:1ch}a[target=_blank]:after{content:"";background-image:url("data:image/svg+xml,%3Csvg data-v-6433c584='' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230815a4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-external-link-icon lucide-external-link'%3E%3Cpath d='M15 3h6v6'%3E%3C/path%3E%3Cpath d='M10 14 21 3'%3E%3C/path%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:.5rem;width:1ch;height:100%;position:absolute}:is(button,.button){background-color:rgb(var(--blue));border:1px solid rgb(var(--blue));box-shadow:3px 3px rgba(var(--dark),.5);color:rgb(var(--light));cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;padding-block:calc(.5*var(--space));padding-inline:calc(.75*var(--space));text-decoration:none;transition:all .2s ease-in-out;display:inline-block;position:relative}:is(button,.button):disabled{background-color:color-mix(in srgb,rgb(var(--blue)),rgb(var(--light)));cursor:not-allowed}:is(button,.button):not(:disabled):hover{box-shadow:2px 2px rgb(var(--dark));filter:brightness(150%);transform:translate(1px,1px)}:is(button,.button):not(:disabled):active{box-shadow:1px 1px rgb(var(--dark));transform:translate(2px,2px)}label:has(>input,>select,>textarea){display:grid}input,select,textarea{border:1px solid rgb(var(--dark));box-shadow:3px 3px rgba(var(--dark),.5);padding-block:calc(.5*var(--space));padding-inline:calc(.75*var(--space));border-radius:0;margin-bottom:3px}:is(input,select,textarea)[aria-invalid=true]{border-color:rgb(var(--red))}:is(input,select,textarea):where(:focus,:focus-within,:focus-visible){outline:2px solid rgb(var(--blue));outline-offset:-2px}:is(input,select,textarea)[aria-invalid=false]:where(:focus,:focus-within,:focus-visible){outline-color:rgb(var(--green))}:is(input,select,textarea)[aria-invalid=true]:where(:focus,:focus-within,:focus-visible){outline-color:rgb(var(--red))}:where(input,select,textarea)[aria-invalid=false]+small{color:rgb(var(--green))}:where(input,select,textarea)[aria-invalid=true]+small{color:rgb(var(--red))}div[role=alert]{--_color:var(--dark);gap:var(--space);background-color:rgba(var(--_color),.1);border:1px solid rgb(var(--_color));color:rgb(var(--_color));padding:var(--space);margin-bottom:var(--space);border-left-width:8px;line-height:1.5;display:flex}div[role=alert].error{--_color:var(--red)}div[role=alert].info{--_color:var(--blue)}div[role=alert].success{--_color:var(--green)}div[role=alert].warning{--_color:var(--yellow)}body{background-image:url(/static/imgs/90s_bg.jpg);grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}body>main{background-color:rgb(var(--bg));margin-block:calc(2*var(--space))}body>header{z-index:999;justify-content:center;align-items:center;gap:calc(2*var(--space));background-color:rgb(var(--bg));margin-block:calc(2*var(--space));padding:var(--space);display:flex;position:sticky;top:0}#header-nav>ul{gap:calc(2*var(--space));padding:0;font-weight:700;list-style:none;display:flex}#header-logo:hover{filter:unset}#header-logo>svg{width:50px;height:50px}#header-logo>svg *{stroke-width:4px}#header-nav>ul a{text-decoration-thickness:4px}@media (max-width:1024px){body>header,#header-nav>ul{gap:var(--space)}}body>footer{justify-items:center;gap:var(--space);background-color:rgb(var(--bg));margin-block:calc(2*var(--space));padding:var(--space);display:grid}#footer-nav>ul{gap:var(--space);padding:0;list-style:none;display:flex}#index-intro{-webkit-text-stroke:.5px rgb(var(--dark));justify-items:center;gap:calc(2*var(--space));border-top:1px solid rgba(var(--dark),.25);border-bottom:1px solid rgba(var(--dark),.25);color:rgb(var(--light));margin-block:calc(2*var(--space));padding:var(--space);background-image:url(/static/imgs/squirlys.png);display:grid}@media not (max-width:1024px){#index-intro{-webkit-text-stroke:1px rgb(var(--dark));justify-content:center;align-items:center;display:flex}}#index-intro>img{border:1px solid rgb(var(--dark));box-shadow:4px 4px rgba(var(--dark),.5);border-radius:4px}#index-intro h1{text-shadow:2px 2px rgb(var(--sittella));margin-bottom:1rem;font-size:3rem}#andrew{color:rgb(var(--sittella));text-shadow:2px 2px rgb(var(--dark))}#index-intro strong{text-shadow:1px 1px rgb(var(--sittella));font-size:2rem}#index-blurbs{gap:var(--space);padding:var(--space);margin-block:calc(2*var(--space));display:grid}#index-blurbs li{margin-bottom:calc(.5*var(--space))}@media (max-width:1024px){#index-intro{text-align:center}#index-intro h1{text-shadow:1px 1px rgb(var(--sittella));font-size:2.25rem}#andrew{text-shadow:1px 1px rgb(var(--dark))}#index-intro strong{font-size:1.5rem}}#about-page{padding:var(--space)}#about-page :where(h1,h2,h3,h4,p,hr){margin-bottom:var(--space)}#about-page h1{-webkit-text-stroke:1px rgb(var(--dark));text-shadow:2px 2px rgb(var(--sittella));color:rgb(var(--light));text-align:center;font-size:3rem}@media (max-width:1024px){#about-page h1{-webkit-text-stroke:.5px rgb(var(--dark))}}#resume{background-color:color-mix(in srgb,rgb(var(--bg))60%,white);border:1px solid rgb(var(--dark));padding:calc(.5*var(--space))}#resume>h2{text-align:center}#resume :where(.education,.work-experience){border:1px solid rgba(var(--dark),.25);padding:calc(.5*var(--space));margin-bottom:var(--space)}#resume :where(.education>span,.work-experience>span>span){justify-content:space-between;width:100%;display:flex}#resume .education>div,#resume .work-experience>span{gap:var(--space);display:flex}@media (max-width:640px){#resume .education>span>p{width:0;min-width:6ch}#resume .work-experience>span>span>p{width:0;min-width:10ch}}#projects-page{padding:var(--space)}#projects-page>h1{margin-bottom:var(--space)}#projects-page h1{-webkit-text-stroke:1px rgb(var(--dark));text-shadow:2px 2px rgb(var(--sittella));color:rgb(var(--light));text-align:center;font-size:3rem}details[name=projects-dropdown]{border:1px solid rgb(var(--dark));margin-bottom:var(--space);padding:calc(.5*var(--space))}details[name=projects-dropdown]>summary{align-items:center;gap:calc(.5*var(--space));cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;list-style:none;display:flex}details[name=projects-dropdown]>summary:before{content:"+";font-size:1.5rem}details[name=projects-dropdown]:open>summary:before{content:"-"}details[name=projects-dropdown]:open>.project-content{gap:calc(.5*var(--space));margin-top:calc(.5*var(--space));display:grid}details[name=projects-dropdown]:open>.project-content>img{max-width:100%}#contact-page{padding:var(--space)}#contact-page :where(h1,p){text-align:center;margin-bottom:var(--space)}#contact-page h1{-webkit-text-stroke:1px rgb(var(--dark));text-shadow:2px 2px rgb(var(--sittella));color:rgb(var(--light));font-size:3rem}#contact-form{gap:var(--space);max-width:768px;margin-left:auto;margin-right:auto;display:grid}#contact-form-err:empty{display:none}#contact-form [type=submit]{gap:calc(.5*var(--space));justify-content:center;align-items:center;display:flex}.htmx-indicator{width:1rem;height:1rem;display:none}.htmx-request.htmx-indicator,.htmx-request .htmx-indicator{display:initial;animation:2s linear infinite spin}@keyframes spin{0%{rotate:none}to{rotate:360deg}}*{box-sizing:border-box;margin:0}:root{--light:229,229,229;--dark:38,38,38;--bg:229,229,229;--text:38,38,38;--sittella:237,116,52;--red:220,38,38;--green:21,128,61;--blue:8,21,164;--yellow:202,138,4;--font-family:monospace;--font-size:16px;--line-height:1.15;--space:1rem;background-color:rgb(var(--bg));color:rgb(var(--text));font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height)}