:root{--dark-blue-color:#2c3e50;--red-color:#e74c3c;--white-color:#fff;--black-color:#000;--dark-color-transparency:#000b;--light-color-transparency:#00000045;--primary-color:var(--dark-blue-color);--primary-transparent-color:var(--dark-color-transparency);--offset-color:var(--white-color);--offset-transparent-color:var(--light-color-transparency);--accent-color:var(--red-color);--text-color:var(--black-color)}@media (prefers-color-scheme:dark){:root{--primary-color:var(--white-color);--primary-transparent-color:var(--light-color-transparency);--offset-color:var(--dark-blue-color);--offset-transparent-color:var(--dark-color-transparency);--text-color:var(--white-color)}}html,body{height:100%;margin:0}html{background-color:var(--offset-color)}body{color:var(--text-color);grid-template-rows:auto 1fr auto;margin:0;font-family:Montserrat,sans-serif;display:grid}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{max-width:75rem;margin-left:auto;margin-right:auto;padding-left:4rem;padding-right:4rem}@media (width<=55rem){.container{padding-left:2rem;padding-right:2rem}}header{margin-bottom:4rem;padding-top:1rem}main{padding-bottom:6rem}footer{background-color:var(--primary-color);color:var(--offset-color);padding-top:2rem;padding-bottom:2rem}h1,h2,h3,h4,.title,a{color:var(--primary-color)}footer a{color:var(--offset-color)}a:hover,a:focus,a:active{color:var(--offset-color);background:var(--primary-color);box-shadow:0px 0px 0px 6px var(--primary-color)}footer a:hover,footer a:focus,footer a:active{color:var(--primary-color);background:var(--offset-color);box-shadow:0px 0px 0px 6px var(--offset-color)}@media (hover:hover){a:not(.btn):not(.card-link):not(.card),button.btn-link{transition:color .2s linear,background-color .2s linear,box-shadow .2s linear}}.title{margin-top:2rem;margin-bottom:0;font-size:3rem;font-weight:700;line-height:1}.title-thin{font-weight:300}h1{margin-top:0;margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1}.grid{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}@media (width<=55rem){.title-thin{display:block}.grid{grid-template-columns:1fr}}.grid-item{width:100%;text-decoration:none;display:block;position:relative}.grid-item img{width:100%;height:100%;box-shadow:0 3px 10px var(--offset-transparent-color);max-width:100%;display:block}.grid-item:hover img,.grid-item:focus img,.grid-item:active img{opacity:.7;transition:opacity .3s ease-in-out}.grid-item-title{opacity:0;color:var(--white-color);background-color:var(--dark-color-transparency);border-radius:2px;padding:.5rem;position:absolute;bottom:1rem;right:1rem}a:hover .grid-item-title,a:focus .grid-item-title,a:active .grid-item-title{opacity:1;transition:opacity .4s ease-in-out}.bio-img{border-radius:50%;width:80%;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:block}@media (width>=35rem){.bio{align-items:center;display:flex}.bio-text{margin-left:12%;margin-right:12%}.bio-img{border-radius:50%;width:30%;max-width:300px;margin-bottom:0}}.home-link{text-align:center;margin-top:2rem}.home-link a{vertical-align:middle;fill:var(--primary-color);font-size:1.5rem;text-decoration:none}.home-link a:hover,.home-link a:focus,.home-link a:active,.home-link a:hover svg,.home-link a:focus svg,.home-link a:active svg{fill:var(--accent-color)}.home-link svg{vertical-align:middle;padding-bottom:4px}.github-mark{vertical-align:middle;width:2rem;height:2rem;margin-right:.25rem}.github-mark path{fill:var(--offset-color)}