:root{--color-light:#f5f7f9;--color-light-accent:#e1a586;--color-main:#9ab0bf;--color-dark-accent:#e5698a;--color-dark-secondary:#3c4150;--color-dark:#4f5671}*{box-sizing:border-box;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Work Sans,sans-serif;font-weight:300}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--color-dark)}a,button,i,input,p,small,span{color:var(--color-dark-secondary)}html{font-size:12px;background-color:var(--color-light)}a{text-decoration:none;position:relative}p{line-height:21px}figure,ul{margin:0}ul{list-style:none;padding:0}nav ul{display:inline-flex;flex-direction:row;justify-content:space-evenly;margin:0;padding:1rem}nav a{text-transform:uppercase;font-style:oblique;font-weight:500;letter-spacing:1.2px}figcaption{font-size:10px;font-style:italic}footer ul li{margin:0 0 .5rem}footer ul li i{margin-right:.5rem}@keyframes slide-up{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.container{margin:0 auto;padding:5em 1em;max-width:700px}.container.full-width{max-width:unset;margin-left:0;margin-right:0}.accent--header{color:var(--color-light-accent);font-size:.9rem;font-weight:700;text-transform:uppercase;margin-bottom:10px}.section--header{color:var(--color-dark);font-size:19px;font-weight:700;margin-bottom:1.5rem}.card--header,.card__info{margin-bottom:10px}.card{padding:.8rem;border-radius:6px;background:var(--color-light);margin-bottom:2.4rem}.button,.inverted--header{color:var(--color-light)}.button{display:inline-block;padding:12px 30px;margin:10px 2px;border-radius:38px;line-height:24px;font-size:12px;background-color:var(--color-main);text-transform:uppercase;transition:box-shadow .1s ease-in-out}.button:active,.button:hover{box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);transition:box-shadow .15s ease-in-out}.button.disabled{pointer-events:none}.button-small{padding:8px 20px;line-height:18px;border-radius:26px}.button-accent{background-color:var(--color-light-accent)}.button-accent.disabled{background-color:#ebc3af}.fab,.fas{color:var(--color-main);font-size:1.2rem}.shadow{box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}@media screen and (min-width:400px){html{font-size:13px}.container{padding-left:2rem;padding-right:2rem}.card{padding:1rem}.headshot{float:left}}@media screen and (min-width:850px){html{font-size:14px}#portfolio .section--header.inverted--header{text-align:center;font-size:20px;margin-bottom:5rem}#portfolio .card{max-width:550px}#portfolio .cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:flex-start}}.title-section{width:100%}.title-section .image{background:padding-box 50% url(/assets/images/laptop-2000x.webp) no-repeat;background-size:cover;display:table;height:400px;width:100%;position:relative}.title-section .image .image-filter{position:absolute;width:100%;height:400px;opacity:.65;background-color:var(--color-dark-secondary);z-index:1}.title-section .name-conatiner{display:table-cell;vertical-align:middle;position:relative;text-align:center}.title-section .name-conatiner .name,.title-section .name-conatiner .title{position:relative;color:var(--color-light);z-index:2;display:inline-block}.title-section .name-conatiner .name{font-size:3rem;margin:0 0 1rem}.title-section .name-conatiner .title{font-size:19px;color:var(--color-light-accent);font-style:italic;margin:0}#about .headshot{display:block;width:150px;height:150px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;margin:0 1.5rem 1rem 0}#about .bio{min-height:150px}.main__footer{padding:5em 2em 2em}#portfolio{background:var(--color-dark)}#portfolio .card__footer{padding:5px 0 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}#portfolio .tech-tag-container .tech-tag{display:inline-table;box-sizing:border-box;margin:3px}#portfolio .tech-tag-container .tech-tag span{display:table-cell;vertical-align:middle}#portfolio .tech-tag-container .tech-tag img{height:15px;margin-right:2px}#portfolio .card-actions-container .button{margin:3px}