:root{--body-background-color:#001e3c;--body-font-color:#fff;--header-font-color:#fff;--footer-font-color:#fff;--header-background-color:#0a1929;--panel-background-color:rgba(10,25,41,.75)}body,html{padding:0;margin: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;line-height:1.2;font-size:10px;background-color:var(--body-background-color)}*{box-sizing:border-box}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block;margin:0 auto}.app_container{font-size:1.6rem;height:100vh;width:100vw;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "content" "footer";justify-items:stretch;align-items:stretch;position:relative}.app_container>header{font-size:3.2rem;line-height:1;color:var(--header-font-color);grid-area:header;position:-webkit-sticky;position:sticky;top:0;width:100%;background-color:var(--header-background-color);border-bottom:.1rem solid var(--body-font-color);box-shadow:0 .2rem 1rem rgba(0,0,0,.25);z-index:10}.app_container>header nav{display:grid;align-items:center;width:100%}.app_container>header nav>*{margin-right:.8rem;grid-column:1/span 3}.app_container>header nav .linkedin{width:100%;height:3.2rem;display:inline-flex;align-items:center;justify-content:flex-end;grid-column:12}@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);grid-area:footer;padding:3.2rem 0;text-align:center;background-color:var(--header-background-color);border-top:.1rem solid var(--body-font-color)}