:root{--body-background-color:#001e3c;--body-font-color:#fff;--header-font-color:#fff;--footer-font-color:#fff;--header-background-color:#0a1929;--panel-background-color:#0a1929bf}html,body{background-color:var(--body-background-color);margin:0;padding:0;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:10px;line-height:1.2}*{box-sizing:border-box}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;margin:0 auto;display:block}.app_container{grid-template:"header""content"1fr"footer"/1fr;place-items:stretch stretch;width:100vw;height:100vh;font-size:1.6rem;display:grid;position:relative}.app_container>header{color:var(--header-font-color);background-color:var(--header-background-color);border-bottom:.1rem solid var(--body-font-color);z-index:10;grid-area:header;width:100%;font-size:3.2rem;line-height:1;position:sticky;top:0;box-shadow:0 .2rem 1rem #00000040}.app_container>header nav{align-items:center;width:100%;display:grid}.app_container>header nav>*{grid-column:1/span 3;margin-right:.8rem}.app_container>header nav .linkedin{grid-column:12;justify-content:flex-end;align-items:center;width:100%;height:3.2rem;display:inline-flex}@media (max-width:599px){.app_container>header nav{grid-template-columns:repeat(4,minmax(0,1fr))}.app_container>header nav .linkedin{grid-column:4}}@media (min-width:600px) and (max-width:904px){.app_container>header nav{grid-template-columns:repeat(8,minmax(0,1fr))}.app_container>header nav .linkedin{grid-column:8}}@media (min-width:905px) and (max-width:1239px){.app_container>header nav{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1240px) and (max-width:1439px){.app_container>header nav{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1440px){.app_container>header nav{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (max-width:599px){.app_container>header{padding:1.6rem}}@media (min-width:600px) and (max-width:904px){.app_container>header{padding:3.2rem}}@media (min-width:905px) and (max-width:1239px){.app_container>header{padding:3.2rem}}@media (min-width:1240px) and (max-width:1439px){.app_container>header{padding:3.2rem}}@media (min-width:1440px){.app_container>header{padding:3.2rem}}.app_container>footer{color:var(--header-font-color);text-align:center;background-color:var(--header-background-color);border-top:.1rem solid var(--body-font-color);grid-area:footer;padding:3.2rem 0}