html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}html{font-family:Roboto,sans-serif}@media (min-width:576px){html{font-size:14px}}@media (min-width:768px){html{font-size:16px}}@media (min-width:992px){html{font-size:18px}}@media (min-width:1200px){html{font-size:20px}}.icons-social i{font-size:3em}main{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:100vh;-ms-flex-pack:center;justify-content:center;padding:0 30px;text-align:center}main>.intro{font-family:Reem Kufi,sans-serif;font-size:3.75em;font-weight:600}main>.tagline{font-size:1.5rem;margin:1.5rem 0;font-weight:100}.icons-social i{padding:10px}.devto,.devto svg{margin-bottom:-.2rem}.devto svg{margin-left:.675rem;width:2.65rem;height:2.65rem}nav{background:#ededed;color:#4b5658}.menu{margin-right:1rem;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-pack:end;justify-content:flex-end;&__item{padding:.25rem 0;margin:0 1rem;font-size:1.25rem;font-weight:400;border-bottom:2px solid transparent;&:hover{cursor:pointer}}}main{background:#ededed}.icons-social a,main{color:#4b5658}.icons-social a svg path{fill:#4b5658}nav{background:#ededed;color:#4b5658}.menu{margin-right:1rem;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-pack:end;justify-content:flex-end;color:inherit;text-decoration:inherit}.menu__item{padding:.25rem 0;margin:0 1rem;font-size:1.25rem;font-weight:400;border-bottom:2px solid transparent}.menu__item a{color:inherit;text-decoration:inherit}.menu__item:hover{cursor:pointer;border-bottom:2px solid #4b5658}main{background:#ededed}.icons-social a,main{color:#4b5658}.icons-social a svg path{fill:#4b5658}.portfolio-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:.5rem 0;border-radius:2px;-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;-o-transition:box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s,-webkit-box-shadow .25s;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12),0 2px 1px -2px rgba(0,0,0,.2);box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12),0 2px 1px -2px rgba(0,0,0,.2);width:12rem;margin:1rem;background:#ededed;color:#4b5658}.portfolio-item:hover{-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.2);box-shadow:0 6px 12px 0 rgba(0,0,0,.2)}.portfolio-item__title{padding:1rem 1.5rem;font-size:1.125rem;font-weight:400;text-align:center}.portfolio-item__desc{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1;flex:1 1;padding:0 .5rem;font-size:.75rem;font-weight:400;text-align:center;line-height:1.25rem}.portfolio-item__icon{padding:1rem 0;font-size:1.5rem;font-weight:100;text-align:center}.portfolio-item__icon svg{margin:0 .25rem}.portfolio-item__icon img{width:20%;height:auto}.portfolio-item__links{padding:0 0 .75rem;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;font-size:.875rem;font-weight:400;float:right}.portfolio-item__links a{padding-bottom:.25rem;border-bottom:2px solid transparent;color:inherit;text-decoration:inherit}.portfolio-item__links a:hover{cursor:pointer;border-bottom:2px solid #4b5658}.portfolio-page{padding-top:2rem;min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;background:#ededed;color:#4b5658}.portfolio-page h1{padding:1rem 0;font-size:3rem;text-align:center}.portfolio-page .content-grid{-ms-flex:auto;flex:auto}.portfolio-page .portfolio-wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.about-page{padding-top:2rem;min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;background:#ededed;color:#4b5658}.about-page h1{padding:1rem 0;font-size:3rem;text-align:center}.about-page .content-grid{-ms-flex:auto;flex:auto;width:calc(100% - 20rem);margin:0 auto}.about-page .about-wrapper .about-content{font-size:.875rem;line-height:1.5rem}.about-page .about-wrapper .about-content p{font-weight:300;padding:.5rem 0;text-align:left}.about-page .about-wrapper .about-content .text-emoji{padding:2rem 0;font-size:1.5rem;font-weight:300;text-align:center}
/*# sourceMappingURL=main.aa9409b9.css.map*/