@charset "UTF-8";input[type=checkbox]{-webkit-appearance:unset;-moz-appearance:unset;appearance:unset;cursor:pointer;background-color:var(--fg-color);align-self:center}input[type=checkbox]:focus{-webkit-tap-highlight-color:transparent}.toggle{position:relative;width:var(--logo-dim);height:var(--toggle-height);border-radius:var(--toggle-radius)}.ball{position:relative;top:var(--toggle-ball-y-offset);width:var(--toggle-ball-diam);height:var(--toggle-ball-diam);background-color:var(--accent-fill-light);border-radius:calc(var(--toggle-ball-diam) / 2);transition:left var(--menu-trans-time) ease;cursor:pointer}.toggled{left:calc(var(--logo-dim) - var(--toggle-ball-diam) - var(--toggle-ball-x-offset))}.not-toggled{left:var(--toggle-ball-x-offset)}@media (min-width: 768px){#toggle-container{order:5;transition:all 0s;transform:rotate(90deg);align-content:center}.toggle{width:2rem}.toggled{left:calc(2rem - var(--toggle-ball-diam) - var(--toggle-ball-x-offset))}}header{position:sticky;top:0;margin-bottom:var(--typ-margin-xlg);background-color:var(--bg-color)}header h1{text-align:center}#nav-bar{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:1fr auto;align-items:center;justify-content:space-between;padding:var(--typ-padding);row-gap:var(--typ-gap);background-color:var(--bg-color);border-bottom:var(--typ-border-solid) var(--fg-color)}.nav-list{grid-column:1 / 4;display:grid;grid-template-rows:repeat(4,auto);grid-template-columns:auto 1fr}.nav-option{text-decoration:none;color:var(--primary-txt-color);line-height:2rem;text-align:right}.nav-option:nth-child(n+3){grid-column:1 / 3}.nav-option li{list-style-type:none}.menu-btn{display:flex;flex-direction:column;width:var(--nav-height);height:var(--nav-height);background-color:var(--bg-color);transition:transform var(--menu-trans-time) ease;justify-content:center;align-items:center;gap:25%}.menu-btn.active{background-color:var(--accent-fill-light)}.line{height:0;width:75%;border-top:1px solid var(--accent-fill-dark);border-bottom:1px solid var(--accent-fill-dark);transition:all var(--menu-trans-time);transform-origin:center}.line-top.active{transform-origin:center;transform:translateY(calc(var(--nav-height) / 4 + var(--menu-btn-line-thk))) rotate(45deg);width:100%}.line-mid.active{opacity:0}.line-bot.active{transform-origin:center;transform:translateY(calc(var(--nav-height) / -4 - var(--menu-btn-line-thk))) rotate(-45deg);width:100%}@media (min-width: 768px){header{border-bottom:var(--typ-border-solid) var(--fg-color)}#nav-bar{display:flex;width:var(--media-break-1);border-bottom:none;margin:auto}.menu-btn{display:none}.nav-list{display:flex;transition-duration:0s}.nav-list>.nav-option>li{padding:var(--typ-gap)}}@media (min-width: 1024px){.nav-list>.nav-option:hover{background-color:var(--fg-color)}.nav-list>.nav-option>li:hover{color:var(--secondary-txt-color)}}footer{margin-top:2rem;border-top:var(--typ-border-solid) var(--fg-color)}#contact{display:flex;align-items:center;justify-content:space-between;padding:var(--typ-margin)}#contact-logos{display:flex;gap:var(--typ-margin);align-items:center}#contact-logos a{display:flex;align-items:center;width:var(--contact-dim);height:var(--contact-dim)}@media (min-width: 768px){#contact{width:var(--media-break-1);border-top:none;margin:auto}}.banner{display:flex;flex-direction:column;gap:var(--typ-gap);margin-bottom:var(--typ-margin-lg)}.banner h2{text-shadow:2px 2px var(--accent-fill-dark)}.large-btn{display:block;width:fit-content;font-size:var(--typ-font-lg);margin-top:var(--margin-xlg);padding:var(--typ-padding);text-decoration:none;border:var(--typ-border-solid) var(--primary-txt-color)}.large-btn:visited{color:var(--primary-txt-color)}.large-btn:hover{color:var(--secondary-txt-color);background-color:var(--fg-color)}.about-section{display:grid;grid-template-rows:repeat(2,auto)}.section-header{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;border-bottom:var(--typ-border-dashed) var(--fg-color);width:100%;padding-bottom:var(--typ-padding-lg);padding-top:var(--typ-padding-lg);gap:var(--typ-gap-lg)}.section-body{display:flex;flex-direction:column;margin-top:var(--typ-margin);gap:var(--typ-gap);font-size:var(--typ-font-sm);padding-left:var(--typ-padding-lg)}.section-body ul{list-style-type:none}.flip-table{font-family:Arial,Helvetica,sans-serif;margin-left:auto;margin-right:var(--typ-margin-lg);font-size:.5rem;align-self:flex-end}.flip-table-hidden{opacity:0;transition:opacity var(--table-flip-trans-time) cubic-bezier(.64,0,.78,0)}.flip-table-visible{opacity:1;transition:opacity var(--table-flip-trans-time) cubic-bezier(.22,1,.36,1)}.section-button{margin-right:var(--typ-margin);margin-left:var(--typ-margin)}.rotated{transform:rotate(45deg)}.section-list{display:flex;flex-direction:column}.list-2cols{columns:2}.list-stats{margin-left:var(--typ-margin)}.list-trivia{margin-left:calc(var(--typ-margin) * 2)}.project{display:flex;flex-direction:column;align-items:left;width:var(--project-card-side);min-height:var(--project-card-side);border:var(--typ-border-solid) var(--fg-color);padding:var(--typ-padding);box-shadow:4px 4px var(--accent-fill-dark);gap:var(--typ-gap);color:var(--primary-txt-color);text-decoration:none}.project-excerpt{font-size:var(--typ-font-sm)}.project img{max-width:100vw}.project-tag-list{display:flex;gap:var(--typ-gap)}.project-tag{border:var(--typ-border-solid) var(--fg-color);background-color:var(--fg-color);color:var(--secondary-txt-color);border-radius:var(--typ-radius);padding:0 var(--typ-padding-sm) 0 var(--typ-padding-sm);text-decoration:none;list-style-type:none}.project-tag:hover{transform:translate(1px,1px);cursor:pointer}.projects-list{display:flex;flex-direction:column;align-items:center;gap:var(--typ-gap-lg)}@media (min-width: 768px){.projects-list{display:grid;grid-template-columns:repeat(2,auto);align-content:center;justify-content:center;gap:var(--typ-gap-lg)}}@media (min-width: 1024px){.projects-list{grid-template-columns:repeat(3,auto)}}.project-detail-content{display:flex;flex-direction:column;gap:var(--typ-gap-lg)}.project-detail-content>h2{text-shadow:2px 2px var(--accent-fill-dark)}.back-to-projects{-webkit-tap-highlight-color:transparent;margin-left:auto;max-width:fit-content;background-color:var(--accent-fill-dark);color:var(--primary-txt-color);padding:var(--typ-padding-sm) var(--typ-padding-md) var(--typ-padding-sm) var(--typ-padding-md);text-decoration:none;list-style-type:none;margin-bottom:var(--typ-margin-lg)}.project-paragraph{padding-left:1rem}.project-image{max-width:100vw;border:var(--typ-border-solid) var(--fg-color);padding:var(--typ-padding);box-shadow:4px 4px var(--accent-fill-dark)}#back-to-top{display:block;position:fixed;bottom:4rem;right:var(--typ-margin);z-index:99;border:var(--typ-border-solid) var(--fg-color);background-color:var(--bg-color);opacity:.6;color:var(--primary-txt-color);cursor:pointer;padding:var(--typ-padding-md)}#back-to-top:active{opacity:1;-webkit-tap-highlight-color:transparent}.contact-list{max-width:var(--project-card-side);display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(3,auto);flex-direction:column;align-items:flex-start;column-gap:var(--typ-gap);row-gap:var(--typ-gap-lg)}.contact-logo,.contact-icon{display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.5rem;width:2rem;height:2rem;cursor:pointer}.contact-text{display:flex;margin-top:auto;margin-bottom:auto;text-align:center;font-size:var(--typ-font-sm)}.contact-list>a{display:flex;align-items:center;justify-content:center}.not-found-list{max-width:fit-content;display:flex;flex-direction:column;align-items:center}.not-found-image{width:13rem;height:13rem;margin-bottom:var(--typ-margin-lg)}.App{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-color);color:var(--primary-txt-color);transition:all var(--menu-trans-time) ease}main{flex-grow:1;margin-left:var(--typ-margin);margin-right:var(--typ-margin)}.hidden{height:0;overflow:hidden}@media (min-width: 768px){main{max-width:calc(768px - 2 * var(--typ-margin));margin:auto}}*{margin:0;padding:0;box-sizing:border-box;font-family:JetBrains Mono,sans-serif;font-weight:400;-webkit-tap-highlight-color:transparent;color:var(--primary-txt-color);transition:all .2s}:root{--media-break-1: 768px;--media-break-2: 1024px;--bg-color: #d9d9d9;--fg-color: #242424;--primary-txt-color: #242424;--secondary-txt-color: #d9d9d9;--accent-fill-dark: #d36b1b;--accent-fill-light: #ffd22c;--nav-height: 2.5rem;--menu-trans-time: .2s;--table-flip-trans-time: .25s;--menu-btn-line-thk: 2px;--project-card-side: 19rem;--contact-dim: 2rem;--typ-radius: .75rem;--logo-dim: 3rem;--toggle-height: 1rem;--toggle-radius: .75rem;--toggle-ball-diam: .75rem;--toggle-ball-x-offset: .125rem;--toggle-ball-y-offset: -1.1875rem;--typ-font-sm: .8rem;--typ-font: 1rem;--typ-font-md: 1.2rem;--typ-font-lg: 1.5rem;--typ-gap: .5rem;--typ-gap-lg: 1rem;--typ-margin: .5rem;--typ-margin-lg: 1rem;--typ-margin-xlg: 2rem;--typ-padding-sm: .25rem;--typ-padding: .5rem;--typ-padding-md: .75rem;--typ-padding-lg: 1rem;--typ-border-dashed: 1px dashed;--typ-border-solid: 1px solid}[data-theme=dark]{--bg-color: #242424;--fg-color: #d9d9d9;--primary-txt-color: #d9d9d9;--secondary-txt-color: #242424;--accent-fill-dark: #6846b3;--accent-fill-light: #9f5fe8}