:root{--image-width: 100%;--image-height: auto;--main-color: rgba(44, 62, 80, 1);--header-height: 150px}html,body{min-height:100vh;margin:0;font-family:Open Sans,Helvetica,sans-serif}body{background:linear-gradient(283deg,#2c3e50,#2c3e50 39%,#e1f3ff)}#links{margin:auto auto 50px;display:flex;flex-direction:column;flex-wrap:wrap;width:90%;align-items:center}.card{position:relative;text-decoration:none;display:flex;flex-direction:column;align-items:center;width:50%;max-width:768px}.card-title{font-size:2rem;font-weight:700;white-space:nowrap;text-decoration:none;text-align:center;color:#fff;margin-bottom:1rem}.card img{width:var(--image-width);height:var(--image-height);border-radius:5px}header{padding-top:1rem;padding-bottom:1rem;padding-left:1rem;position:fixed;top:0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--main-color);border-bottom:2px solid white;z-index:5;height:var(--header-height);box-sizing:border-box}header svg{fill:#fff;height:80%;margin-right:60px}header h1{color:#fff;font-size:1.5rem;letter-spacing:.1rem}#introduction{margin:auto;margin-top:var(--header-height);padding:1rem 2rem;max-width:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}#github-logo{position:fixed;height:45px;bottom:2px;left:2px;fill:var(--main-color);z-index:10}@media (max-width: 768px){.card{width:80%}header h1{font-size:1.2rem}#introduction{margin-left:0;max-width:100%}}