html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.root{--main-cta-color:#00c7b6;--main-bg-color:#0f1c21;--main-text-color:#bfa89e;--main-secondary-color:#40798c;--main-tertiary-color:#904e55}.container{padding:0 2rem}.main{background-color:var(--main-bg-color);min-height:100vh;padding:0 2rem}.home{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4rem 0;display:flex}.home h1,.home h2,.home h3,.home h4{color:var(--main-cta-color)}.contact{flex-direction:row;justify-content:space-between;width:250px;display:flex}.contact a{width:4rem;height:4rem}.contact svg:hover{fill:var(--main-text-color)!important}.contact svg{fill:var(--main-secondary-color);width:100%;height:100%}.contact img{width:100%;height:100%}.header{color:var(--main-cta-color);flex:1;justify-content:right;padding:1rem 0;display:flex}.header a{padding:1rem 1.5rem}.header a:hover{color:var(--main-secondary-color)}.footer{border-top:1px solid #eaeaea;flex:1;justify-content:center;align-items:center;padding:2rem 0;display:flex}.footer a{flex-grow:1;justify-content:center;align-items:center;display:flex}h1,h2{color:var(--main-cta-color)}h4{color:var(--main-secondary-color)}.skills ul{list-style:none}.experience,.skills{color:var(--main-text-color)}.skills{flex-flow:wrap;margin:auto;padding:0;display:flex}.skills li{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;width:160px;height:100px;margin:10px;display:flex}.skills li img{margin-bottom:20px 0}.tech-skills{display:block}.projects{color:var(--main-secondary-color)}.projects .row{color:var(--main-text-color);flex-direction:row;margin:30px 0;display:flex}.project-item{flex-direction:row;align-items:center;display:flex}.project-item .content{height:100%}.proj-header{flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.proj-header h2{margin:0}.proj-links{color:var(--main-cta-color)}.proj-links a:hover{color:var(--main-secondary-color)}.pippin img{background-color:#fff}.image-carousel{justify-content:center;width:350px;height:210px;display:flex}.title a{color:#0070f3;text-decoration:none}.title a:hover,.title a:focus,.title a:active{text-decoration:underline}.title{margin:0;font-size:4rem;line-height:1.15}.title,.description{text-align:center}.description{margin:4rem 0;font-size:1.5rem;line-height:1.5}.code{background:#fafafa;border-radius:5px;padding:.75rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;font-size:1.1rem}.grid{flex-wrap:wrap;justify-content:center;align-items:center;max-width:800px;display:flex}.card{text-align:left;color:inherit;border:1px solid #eaeaea;border-radius:10px;max-width:300px;margin:1rem;padding:1.5rem;text-decoration:none;transition:color .15s,border-color .15s}.card:hover,.card:focus,.card:active{color:#0070f3;border-color:#0070f3}.card h2{margin:0 0 1rem;font-size:1.5rem}.card p{margin:0;font-size:1.25rem;line-height:1.5}.logo{height:1em;margin-left:.5rem}@media (max-width:600px){.grid{flex-direction:column;width:100%}.header{justify-content:center}.header a{padding:1rem .5rem}.skills{justify-content:space-around}.skills li{width:80px}.project-item{flex-direction:column;justify-content:center}.image-carousel{width:260px;height:120px;margin-bottom:10px}.image-carousel img{max-width:100%;max-height:100%}}