.motto-quote{font-size:medium;font-family:Courier New,Courier,monospace;font-style:italic;padding-left:24px;margin:12px 0 0}.paragraph-callout{padding:6px 12px;border-left:2px solid white;background-color:var(--color-surface)}.nav-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:1;width:90vw}.nav-header{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-self:stretch;border-bottom:2px white solid;padding:12px;gap:12px}.nav-text-container{padding:6px}#site-title{margin:0!important;font-family:space-mono;font-weight:700;font-size:medium}.nav-items{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}#router-outlet{flex:1;display:flex;flex-direction:row;align-self:stretch;overflow:auto;padding:12px 0}.grid-wrapper{display:grid;gap:24px;grid-auto-rows:1fr}@media (min-width: 600px){.grid-wrapper{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.grid-wrapper{grid-template-columns:repeat(3,1fr)}}.project-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 18px;border-radius:12px;background:var(--color-surface)}.project-preview:hover{background-color:#38434f}#root{height:100vh;display:flex;flex-direction:column}.container{flex:1;align-self:stretch;display:flex;flex-direction:column;gap:24px;padding:24px 0}.title_row{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--color-on-surface);border-bottom:2px solid var(--color-on-surface)}.section{background-color:var(--color-surface);border-radius:8px}.section_title{margin:0!important;padding:8px 12px}.subtext{padding-left:12px;font-size:small;font-family:monospace;font-style:italic;color:var(--color-on-surface)}.steps-ul{display:flex;flex-direction:column;justify-content:space-evenly}.steps-li{display:flex;flex-direction:"row";padding:12px}.app-img{max-width:100%}.title-row{display:flex;flex-direction:row;gap:12px;justify-content:flex-start;align-items:center}.app-icon{width:64px;height:64px;border-radius:6px}.feature-row{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:large}.info-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch}.material-icons{font-size:200px}.blog-container{display:flex;flex-direction:column;align-self:stretch}.bard-quote{font-size:x-large;font-family:Courier New,Courier,monospace;font-style:italic}.sub-section-header{font-family:space-mono;font-size:16px}h1 h3{font-family:space-mono;font-weight:700}.blog-content{background-color:var(--color-surface);padding:4px 24px}.blog-headers{border:2px solid var(--color-surface);border-radius:6px 6px 0 0;padding:0 12px}@font-face{font-family:space-mono;src:url(/fonts/Space_Mono/SpaceMono-Regular.ttf)}@font-face{font-family:space-mono;src:url(/fonts/Space_Mono/SpaceMono-Bold.ttf);font-weight:700}@font-face{font-family:space-mono;src:url(/fonts/Space_Mono/SpaceMono-BoldItalic.ttf);font-weight:700;font-style:italic}@font-face{font-family:space-mono;src:url(/fonts/Space_Mono/SpaceMono-Italic.ttf);font-style:italic}:root{font-family:space-mono,ui-monospace,monospace,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-on-surface);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--color-primary: #69C0A0;--color-primary-variant: #2e8b67;--color-on-primary: #000000;--color-secondary: #0B132B;--color-secondary-variant: #00001F;--color-on-secondary: #ffffff;--color-background: #2A2A35;--color-surface: #3D4852;--color-surface-active: #304050;--color-on-surface: #ffffff;--color-error: #E59393;--color-on-error: #000000;--color-warning: #FCEBC2;--color-on-warning: #000000;--color-info: #B5D5ED;--color-on-info: #000000;--color-success: #A3D7C1;--color-on-success: #000000}a{font-weight:500;color:var(--color-primary);text-decoration:underline}a:hover{color:var(--color-primary-variant)}body{margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;min-width:320px;min-height:100vh}