body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2f4454;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a:active,a:hover,a:link,a:visited{color:#fff;text-decoration:none}.github-container{position:relative;text-align:center;transition:all .3s;width:3.5em}.github-container .github-img{opacity:0;transition:opacity .3s}.github-container .github-img-hover{opacity:.6;transition:opacity .3s}.github-container .github-label,.github-container .github-label-hover{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.github-container .github-label-hover{text-shadow:0 0 .125em #000}.github-container .gelatine{-webkit-animation:gelatine .5s infinite;animation:gelatine .5s infinite}@-webkit-keyframes gelatine{0%,to{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}@keyframes gelatine{0%,to{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}.header{background-color:#2f4454;display:flex;flex-direction:column;grid-area:header;justify-content:center;min-height:10vh}.header .header-bar{align-items:center;display:flex;justify-content:space-between;padding:0 1.5em}.header .header-bar .header-logo{color:#fff}.header .header-bar .selected{text-decoration:underline}.header .header-bar .header-menu{align-items:center;display:flex}.header .header-bar .header-menu .header-menu-item{color:#fff;padding:.25em}.header .header-bar .header-menu .header-menu-item:hover{color:#c2c2c2}.header .header-bar .header-menu .selected{text-decoration:underline}.footer{background-color:#2f4454;flex-direction:column;grid-area:footer;min-height:10vh}.footer,.footer .footer-content{display:flex;justify-content:center}.footer .footer-content{font-size:.75em}.card{background-color:hsla(210,3%,44%,.667);border-radius:15px;display:grid;grid-template-areas:"cardImage cardText";grid-template-columns:4em auto;grid-template-rows:auto;margin:.5em;max-height:5em;min-height:5em;padding:1em;transition:all .3s;width:14em}.card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.card .card-image{align-self:center;background-repeat:no-repeat;background-size:100%;display:flex;grid-area:cardImage;height:4em;justify-self:center;width:4em}.card .circular-image{-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;background-position:50%;background-size:150%;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}.card .card-content{display:flex;flex-direction:column;grid-area:cardText;padding-left:1em}.card .card-content .card-title{flex-grow:1;font-size:1.2em}.card .card-content .card-text{flex-grow:2;font-size:.7em;overflow-wrap:normal}.background-image{background-position:50%;background-size:cover;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-10}.article-card{background-color:hsla(210,3%,44%,.667);border-radius:15px;display:flex;flex-direction:column;margin:.5em;max-width:1000px;padding:1em;width:80vw}.article-card h2{font-size:1.4em;margin:.5em 0}.article-card h3{font-size:1em;margin:.5em 0}.article-card p{font-size:.6em;margin-top:0}.article-card p,.article-card ul{overflow-wrap:normal;text-align:left}.article-card ul{font-size:.5em;margin:.25em 0}.article-card .margin-bottom-small{margin-bottom:.25em}.article-card .padding-top-big{padding-top:1em}.image-wrapper{align-content:center;display:flex;justify-content:center;margin:.75em 0 .25em}.image-wrapper .image{height:100%;max-width:1000px;object-fit:cover;width:100%}.app{color:#fff;display:grid;font-size:calc(12px + 2vmin);grid-template-areas:"header" "main" "footer";grid-template-columns:auto;grid-template-rows:10vh auto 10vh;min-height:100vh;text-align:center}.app .content{align-self:center;display:flex;flex-wrap:wrap;grid-area:main;justify-content:center;justify-self:center;max-width:1200px}@media(min-width:900px){.app{font-size:calc(6px + 2vmin)}}