body{margin:0;padding:0;font-family:sans-serif}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}img{max-width:100%;height:auto}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:local("Roboto Thin"),local("Roboto-Thin"),url(/portfolio/static/media/roboto-100.9a8a1f8c.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(/portfolio/static/media/roboto-300.c0cc9c92.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/portfolio/static/media/roboto-400.ece6673e.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local("Roboto Black"),local("Roboto-Black"),url(/portfolio/static/media/roboto-900.2e17a648.woff2) format("woff2")}@font-face{font-family:Reem Kufi;font-style:normal;font-weight:400;src:local("Reem Kufi Regular"),local("ReemKufi-Regular"),url(/portfolio/static/media/reem-kufi-v4-latin-regular.d8f8811d.woff2) format("woff2"),url(/portfolio/static/media/reem-kufi-v4-latin-regular.20e4fd7e.woff) format("woff")}html{font-size:12px}@media (min-width:376px){html{font-size:14px}}@media (min-width:426px){html{font-size:16px}}@media (min-width:769px){html{font-size:18px}}@media (min-width:1440px){html{font-size:20px}}body,h1,h2,h3,h4,h5,h6,ol,p,ul{font-family:Roboto,sans-serif;font-weight:300}h1{font-weight:900}.content-grid{margin:0 auto;width:calc(100% - 5rem)}@media (min-width:426px){.content-grid{width:calc(100% - 5rem)}}@media (min-width:769px){.content-grid{width:calc(100% - 10rem)}}@media (min-width:1025px){.content-grid{width:calc(100% - 20rem)}}::-webkit-scrollbar{display:none}a{text-decoration:none}.social-icons{padding:.25rem 0;font-size:3rem}@media (max-width:425px){.social-icons{font-size:2.5rem}}.social-icons a{padding:0 .625rem}.social-icons a i{color:#af3d4e}.social-icons a.devto svg{margin-bottom:-.25rem;width:2.7rem;height:2.7rem}@media (max-width:425px){.social-icons a.devto svg{margin-bottom:-.225rem;width:2.25rem;height:2.25rem}}.social-icons.animate-icons a{display:inline-block;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent}.social-icons.animate-icons a:active,.social-icons.animate-icons a:focus,.social-icons.animate-icons a:hover{-webkit-animation-name:icon-wobble;animation-name:icon-wobble;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes icon-wobble{25%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes icon-wobble{25%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.scroll-to-next{cursor:pointer}.scroll-to-next .arrow{text-align:center;margin:0 auto;padding-bottom:.5rem;color:#af3d4e}.scroll-to-next .arrow .scroll-text{text-align:center;font-size:.5rem;margin-bottom:-.125rem}.scroll-to-next .white{color:#fff}.scroll-to-next .bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.landing-page{min-height:100vh;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center}.landing-page,.landing-page main{display:-ms-flexbox;display:flex;justify-content:center}.landing-page main{-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;padding:3.25rem 1.5rem 1rem;text-align:center;color:#af3d4e}@media (max-width:425px){.landing-page main{padding:4.25rem 1.5rem 1rem}}.landing-page main .intro-wrapper{-ms-flex:auto;flex:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center}.landing-page main .intro-wrapper img{-o-object-fit:contain;object-fit:contain;height:50vh;margin-bottom:2em}.landing-page main .intro-wrapper>.intro-name{font-family:Reem Kufi,sans-serif;font-size:4rem;font-weight:700;line-height:4rem;padding-bottom:1rem}@media (max-width:425px){.landing-page main .intro-wrapper>.intro-name{font-size:3rem;line-height:3.5rem}}.landing-page main .intro-wrapper>.tagline{font-size:1.375rem;margin:1.5rem 0;font-weight:300}@media (max-width:425px){.landing-page main .intro-wrapper>.tagline{font-size:1.25rem}}.landing-page main .browser-notes{font-size:.75rem}.landing-page main .browser-notes span{border-width:1px;border-style:solid;padding:.125rem .5rem}nav{position:fixed;top:0;width:100%;height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}@media (max-width:425px){nav{height:4rem}}nav .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:#af3d4e}nav .menu__item{padding:.25rem 0;margin:0 1rem;font-size:1.25rem;font-weight:400;border-bottom:2px solid transparent}nav .menu__item:hover{cursor:pointer;border-bottom:2px solid #af3d4e}.scroll-top{position:fixed;bottom:0;right:0;cursor:pointer}.scroll-top .arrow{text-align:center;margin:0 auto;padding:.5rem 1rem}.scroll-top .arrow .to-top{text-align:center;font-size:.5rem;padding-top:.125rem}.scroll-top .hide{display:none}.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-color:#af3d4e}.about-page .highlight{background-color:aqua}.about-page ::-moz-selection{background-color:aqua}.about-page ::selection{background-color:aqua}@media (max-width:425px){.about-page{padding-top:3rem}}.about-page h1{padding:1rem 0;font-size:3rem;color:#fff}.about-page .content-grid{-ms-flex:auto;flex:auto}.about-page .about-wrapper .about-content{font-size:.875rem;line-height:1.5rem;color:#fff}@media (max-width:425px){.about-page .about-wrapper .about-content{font-size:1rem}}.about-page .about-wrapper .about-content p{font-weight:300;padding:.5rem 0}.about-page .about-wrapper .about-content .text-emoji{padding:2rem 0;font-size:1.5rem;font-weight:300;text-align:center;color:#fff}.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}@media (max-width:425px){.portfolio-page{padding-top:3rem}}.portfolio-page h1{padding:1rem 0;font-size:3rem;color:#af3d4e}.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}@media (max-width:425px){.portfolio-page .portfolio-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}}.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-color:#af3d4e;color:#fafafa}@media (max-width:425px){.portfolio-item{width:15rem}}.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{-ms-flex:1 1;flex:1 1;padding:1rem 1.5rem;font-size:1.125rem;font-weight:400;text-align:center}@media (max-width:425px){.portfolio-item__title{font-size:1.25rem}}.portfolio-item__desc{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0 .5rem;font-size:.75rem;font-weight:400;text-align:center;line-height:1.25rem}@media (max-width:425px){.portfolio-item__desc{font-size:.875rem}}.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__links{padding:0 0 .75rem;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;font-size:.875rem;font-weight:400}.portfolio-item__links a{padding-bottom:.25rem;border-bottom:2px solid transparent;color:#fafafa}.portfolio-item__links a:hover{cursor:pointer;border-bottom:2px solid inherit}
/*# sourceMappingURL=main.fd807caa.css.map*/