*{box-sizing:inherit;}
html{box-sizing:border-box;}
body{font-family:'Roboto Mono', 'Helvetica Neue', helvetica;padding:2rem 2rem 4rem;margin:0;background:#1B2731;color:#F2F2F2;}
h1, h2, h3, h4{}
a{text-decoration:none;color:#0092C0;cursor:pointer;}
a:hover{color:#74BC37;}
.site-footer{padding:4rem 0;margin-top:2rem;bottom:0;border-top:1px solid #CCCED3;}
.content{width:90%;max-width:1000px;margin:auto;}
img{max-width:100%;}
.site-logo{height:5rem;display:block;margin:2rem 0;}
h1{font-size:2.5rem;font-weight:300;}
h2{font-size:1.625rem;}
::selection{background:rgba(106,116,124,0.5);}
.links{overflow:hidden;margin-top:2rem;}
em{color:#CCCED3;}
.portfolio-item{display:block;overflow:hidden;margin-bottom:1rem;}
.portfolio-item--title{width:50%;float:left;display:inline-block;}
.portfolio-item--link{width:25%;float:left;display:inline-block;font-size:0.875rem;}
.portfolio-item--study{width:25%;float:left;display:inline-block;font-size:0.875rem;}
.features{background-color:#0092C0;color:#fff;margin:2rem -2rem 2rem -2rem;padding:4rem 0;}
.portfolio{overflow:hidden;margin-left:-2rem;margin-right:-2rem;}
.portfolio article{width:50%;float:left;padding:2rem;min-height:10rem;height:45vh;text-align:center;position:relative;}
.portfolio-article-photo{position:absolute;height:100%;width:100%;top:0;left:0;right:0;bottom:0;object-fit:cover;z-index:-100;opacity:0.25;}
.portfolio article:hover .portfolio-article-photo{opacity:0.15;transition:0.35s;}