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(/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(/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(/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(/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(/static/media/reem-kufi-v4-latin-regular.59809a1c.woff) format("woff")}@font-face{font-family:Pixel;font-style:normal;font-weight:400;src:url(/static/media/pixel.2fab8ad6.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}.topPosition{display:block;top:-100px}@media (max-width:425px){.topPosition{top:0}}nav{position:fixed;top:0;width:100%;z-index:1;height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;display:none}@media (max-width:425px){nav{height:4rem}}nav .menu{position:fixed;right:0;width:3.75rem;display:block;bottom:0;margin-right:0}@media (max-width:425px){nav .menu{position:fixed;width:auto;top:0;right:0;left:0;bottom:unset;text-align:right}}nav .menu__item{padding:.25rem 0;margin:0 1rem .5rem;font-size:1.25rem;font-weight:400;border-bottom:2px solid transparent;text-align:center}@media (max-width:425px){nav .menu__item{margin:10px;display:inline-block;z-index:3}}nav .menu__item .label{text-align:center;font-size:.5rem;padding-top:.125rem}nav .menu__item:hover{cursor:pointer}.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.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;z-index:2;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}.scroll-to-next .arrow{text-align:center;margin:0 auto;padding-bottom:.5rem;opacity:.15}@media (max-width:425px){.scroll-to-next .arrow{padding-bottom:10.5rem}}.scroll-to-next .arrow .scroll-text{text-align:center;font-size:.5rem;margin-bottom:-.125rem}.scroll-to-next .bounce:hover{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;opacity:1}@-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;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}.landing-page .scroll-to-next .arrow{text-align:center;margin:0 auto;padding-bottom:.5rem;opacity:.75;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;opacity:1}@media (max-width:425px){.landing-page .scroll-to-next .arrow{padding-bottom:10.5rem}}.landing-page main{display:-ms-flexbox;display:flex;-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:3.25rem 1.5rem 2rem;text-align:center}@media (max-width:425px){.landing-page main{padding:4.25rem 1.5rem 3rem}}.landing-page main small{font-size:.75rem;opacity:.75}.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 .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 .intro-img{width:8rem;border-radius:100%;margin:0 auto 2rem;-webkit-box-shadow:0 0 0 5px;box-shadow:0 0 0 5px}.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}}body.thunder .theme-switcher .about-page,body.thunder .theme-switcher .landing-page,body.thunder .theme-switcher .portfolio-page,body.thunder .theme-switcher .skills-page,body.thunder .theme-switcher .timeline-page{-webkit-animation:flash .6s ease-out;animation:flash .6s ease-out}body.thunder .theme-switcher .content-grid{-webkit-animation:shake 1s ease-out;animation:shake 1s ease-out}body.thunder .theme-switcher nav{background:none!important}.magic-wand{cursor:pointer;text-align:center;margin-left:-15px}.magic-wand img{max-width:175px;width:75%;min-width:50px}.magic-wand .magic-text{text-align:center;font-size:.5rem;padding-top:.25rem;margin-left:15px}@-webkit-keyframes flash{0%,50%,to{background:#fad61d;opacity:.75}10%,75%{background:#ffe560;opacity:.25}}@keyframes flash{0%,50%,to{background:#fad61d;opacity:.75}10%,75%{background:#ffe560;opacity:.25}}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.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}@media (max-width:425px){.about-page{padding-top:3rem}}.about-page h1{padding:1rem 0;font-size:2rem}.about-page .content-grid{-ms-flex:auto;flex:auto}.about-page .about-wrapper .about-content{font-size:.875rem;line-height:1.5rem}@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;text-align:justify}.timeline-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){.timeline-page{padding-top:3rem}}.timeline-page h1{padding:1rem 0;font-size:2rem}.timeline-page .content-grid{-ms-flex:auto;flex:auto}.timeline-page .hide{display:none}.timeline-page .open-timeline{font-size:.75rem;opacity:.75;text-align:center;margin:2em auto}.timeline-page .timeline-wrapper .timeline-content{font-size:.875rem;line-height:1.5rem}@media (max-width:425px){.timeline-page .timeline-wrapper .timeline-content{font-size:1rem}}.timeline-page .timeline-wrapper .timeline-content p{font-weight:300;padding:.5rem 0}.timeline-page .timeline-wrapper .timeline-content .text-emoji{padding:2rem 0;font-size:1.5rem;font-weight:300;text-align:center}.timeline-page .vertical-timeline{width:95%;max-width:1170px;margin:0 auto;margin-bottom:2em;position:relative;padding:0}.timeline-page .vertical-timeline:after{content:"";display:table;clear:both}.timeline-page .vertical-timeline:before{content:"";position:absolute;top:50px;left:18px;bottom:50px;width:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)}.timeline-page .vertical-timeline .small{text-align:justify;font-size:smaller;font-weight:300;line-height:1.4}@media only screen and (min-width:1170px){.timeline-page .vertical-timeline.vertical-timeline--two-columns{margin-top:3em;margin-bottom:3em;width:90%}.timeline-page .vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.timeline-page .vertical-timeline-element{position:relative;margin:2em 0}.timeline-page .vertical-timeline-element>div{min-height:1px}.timeline-page .vertical-timeline-element:after{content:"";display:table;clear:both}.timeline-page .vertical-timeline-element:first-child{margin-top:0}.timeline-page .vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.timeline-page .vertical-timeline-element{margin:4em 0}.timeline-page .vertical-timeline-element:first-child{margin-top:0}.timeline-page .vertical-timeline-element:last-child{margin-bottom:0}}.timeline-page .vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}.timeline-page .vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.timeline-page .vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.timeline-page .vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.timeline-page .vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.timeline-page .vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.timeline-page .vertical-timeline-element-content{position:relative;margin-left:55px;padding:.75em}.timeline-page .vertical-timeline-element--no-children .vertical-timeline-element-content{background:transparent;-webkit-box-shadow:none;box-shadow:none}.timeline-page .vertical-timeline-element-content:after{content:"";display:table;clear:both}.timeline-page .vertical-timeline-element-content h2{color:#303e49}.timeline-page .vertical-timeline-element-content .vertical-timeline-element-date,.timeline-page .vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.timeline-page .vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.timeline-page .vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.timeline-page .vertical-timeline-element-title{font-size:1em;margin:0}.timeline-page .vertical-timeline-element-subtitle{margin:0;font-size:.57em}.timeline-page .vertical-timeline-element-img{max-width:5em;float:right}.timeline-page .vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0 0;opacity:.7}@media only screen and (min-width:768px){.timeline-page .vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.timeline-page .vertical-timeline-element-content p{font-size:16px;font-size:1rem}.timeline-page .vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.timeline-page .vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:40%}.timeline-page .vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:140%;top:6px;font-size:1rem}.timeline-page .vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.timeline-page .vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.timeline-page .vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.timeline-page .vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:140%;text-align:right}}.timeline-page .vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.timeline-page .vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.timeline-page .vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.timeline-page .vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.timeline-page .vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.skills-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){.skills-page{padding-top:3rem}}.skills-page h1{padding:1rem 0;font-size:2rem}.skills-page .content-grid{-ms-flex:auto;flex:auto}.skills-page .inspect{font-size:.75rem;margin-top:1em;text-align:center}.skills-page .color-mask rect,.skills-page.displayed .color-mask rect{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.skills-page.displayed .color-mask rect{-webkit-animation:slideUp 1s 1 cubic-bezier(.64,.57,.67,1.53),tossing 2s infinite cubic-bezier(.64,.57,.67,1.53);animation:slideUp 1s 1 cubic-bezier(.64,.57,.67,1.53),tossing 2s infinite cubic-bezier(.64,.57,.67,1.53);-webkit-animation-fill-mode:forwards,none;animation-fill-mode:forwards,none}.skills-page.displayed .flask-item:first-child .color-mask rect{-webkit-animation-delay:.25s,1.25s;animation-delay:.25s,1.25s}.skills-page.displayed .flask-item:nth-child(2) .color-mask rect{-webkit-animation-delay:.5s,1.5s;animation-delay:.5s,1.5s}.skills-page.displayed .flask-item:nth-child(3) .color-mask rect{-webkit-animation-delay:.75s,1.75s;animation-delay:.75s,1.75s}.skills-page.displayed .flask-item:nth-child(4) .color-mask rect{-webkit-animation-delay:1s,2s;animation-delay:1s,2s}.skills-page.displayed .flask-item:nth-child(5) .color-mask rect{-webkit-animation-delay:1.25s,2.25s;animation-delay:1.25s,2.25s}.skills-page.displayed .flask-item:nth-child(6) .color-mask rect{-webkit-animation-delay:1.5s,2.5s;animation-delay:1.5s,2.5s}.skills-page.displayed .flask-item:nth-child(7) .color-mask rect{-webkit-animation-delay:1.75s,2.75s;animation-delay:1.75s,2.75s}.skills-page.displayed .flask-item:nth-child(8) .color-mask rect{-webkit-animation-delay:2s,3s;animation-delay:2s,3s}.skills-page.displayed .flask-item:nth-child(9) .color-mask rect{-webkit-animation-delay:2.25s,3.25s;animation-delay:2.25s,3.25s}.skills-page.displayed .flask-item:nth-child(10) .color-mask rect{-webkit-animation-delay:2.5s,3.5s;animation-delay:2.5s,3.5s}.skills-page .skills-wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.skills-page .skills-wrapper .flask-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:1rem 0;-o-transition:box-shadow .25s;width:12rem;-ms-flex-align:center;align-items:center}.skills-page .skills-wrapper .flask text{opacity:.25}.skills-page .skills-wrapper .flask text:hover{opacity:1}@media (max-width:1024px){.skills-page .skills-wrapper{zoom:75%}}@media (min-width:769px){.skills-page .skills-wrapper{margin:1rem}}@-webkit-keyframes raise{0%{-webkit-transform:translateY(4rem);transform:translateY(4rem)}}@keyframes raise{0%{-webkit-transform:translateY(4rem);transform:translateY(4rem)}}.skills-page .skills-wrapper .slideUp{animation-name:slideUp;-webkit-animation-name:slideUp;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{-webkit-transform:translateY(-8%);transform:translateY(-8%)}65%{-webkit-transform:translateY(4%);transform:translateY(4%)}80%{-webkit-transform:translateY(-4%);transform:translateY(-4%)}95%{-webkit-transform:translateY(2%);transform:translateY(2%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%)}50%{-webkit-transform:translateY(-8%)}65%{-webkit-transform:translateY(4%)}80%{-webkit-transform:translateY(-4%)}95%{-webkit-transform:translateY(2%)}to{-webkit-transform:translateY(0)}}.skills-page .skills-wrapper .tossing{animation-name:tossing;-webkit-animation-name:tossing;animation-duration:2.5s;-webkit-animation-duration:2.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes tossing{0%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}}@-webkit-keyframes tossing{0%{-webkit-transform:rotate(-2deg)}50%{-webkit-transform:rotate(2deg)}to{-webkit-transform:rotate(-2deg)}}.portfolio-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:.5rem 0;border-radius:2px;width:11rem;margin:1rem .5rem}@media (max-width:425px){.portfolio-item{width:15rem}}@media (min-width:1025px){.portfolio-item{margin:1rem}}.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:.5rem 1.5rem;font-size:.75rem;font-weight:400;text-align:center;line-height:1rem;min-height:90px}@media (max-width:425px){.portfolio-item__desc{font-size:.875rem}}.portfolio-item__icon{padding:.75rem 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,.portfolio-item__links span{padding-bottom:.25rem;border-bottom:2px solid transparent}.portfolio-item__links a:hover,.portfolio-item__links span:hover{cursor:pointer;border-bottom:2px solid inherit}.scroll-to-previous{cursor:pointer;z-index:2;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.scroll-to-previous .arrow{text-align:center;margin:0 auto;padding-bottom:.5rem;opacity:.15}.scroll-to-previous .arrow .scroll-text{text-align:center;font-size:.5rem;margin-top:-.125rem}.scroll-to-previous .bounce:hover{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;opacity:1}@-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)}}footer{padding:.5rem 0;text-align:center;font-size:.625rem}.open-modal .portfolio-item:not(.open){opacity:0;display:none}.open-modal .portfolio-page h1{opacity:0}.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:2rem}.portfolio-page .close{position:absolute;right:0;top:-1.5rem;cursor:pointer}@media (max-width:768px){.portfolio-page .close{right:1rem}}.portfolio-page .content-grid{-ms-flex:auto;flex:auto}.portfolio-page.displayed .portfolio-item{-webkit-animation:expandUp .5s 1 cubic-bezier(.64,.57,.67,1.53);animation:expandUp .5s 1 cubic-bezier(.64,.57,.67,1.53);-webkit-animation-fill-mode:both;animation-fill-mode:both}.portfolio-page.displayed .portfolio-item:first-child{-webkit-animation-delay:.05s;animation-delay:.05s}.portfolio-page.displayed .portfolio-item:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.portfolio-page.displayed .portfolio-item:nth-child(3){-webkit-animation-delay:.15s;animation-delay:.15s}.portfolio-page.displayed .portfolio-item:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s}.portfolio-page.displayed .portfolio-item:nth-child(5){-webkit-animation-delay:.25s;animation-delay:.25s}.portfolio-page.displayed .portfolio-item:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}.portfolio-page.displayed .portfolio-item:nth-child(7){-webkit-animation-delay:.35s;animation-delay:.35s}.portfolio-page.displayed .portfolio-item:nth-child(8){-webkit-animation-delay:.4s;animation-delay:.4s}.portfolio-page.displayed .portfolio-item:nth-child(9){-webkit-animation-delay:.45s;animation-delay:.45s}.portfolio-page.displayed .portfolio-item:nth-child(10){-webkit-animation-delay:.5s;animation-delay:.5s}.portfolio-page.displayed .portfolio-item:nth-child(11){-webkit-animation-delay:.55s;animation-delay:.55s}.portfolio-page.displayed .portfolio-item:nth-child(12){-webkit-animation-delay:.6s;animation-delay:.6s}.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-page .portfolio-wrapper .portfolio-item{-webkit-perspective:1000px;perspective:1000px}.portfolio-page .portfolio-wrapper .content-container{display:none;padding:5px;font-size:.875rem;text-align:center}.portfolio-page .portfolio-wrapper .content-container p{font-weight:300;padding:.5rem 0;line-height:1.5rem}.portfolio-page .portfolio-wrapper .content-container h2{font-family:Roboto,sans-serif;font-weight:300;text-align:left;margin:10px}.portfolio-page .portfolio-wrapper .content-container .well{text-align:justify;margin:10px}.portfolio-page .portfolio-wrapper .content-container .well small{line-height:1rem}.portfolio-page .portfolio-wrapper .content-container .copyright{opacity:.5}.portfolio-page .portfolio-wrapper .content-container .img-responsive{max-width:65%;min-width:100px;max-height:500px}@media (max-width:768px){.portfolio-page .portfolio-wrapper .content-container iframe{max-width:24rem}}.portfolio-page .portfolio-wrapper .content-container ._subtitle{margin-bottom:15px;padding:0;font-size:smaller}.portfolio-page .portfolio-wrapper .portfolio-item.open{z-index:2;-webkit-animation:zoom 1s forwards;animation:zoom 1s forwards;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;-webkit-animation-timing-function:cubic-bezier(.28,.84,.42,1);animation-timing-function:cubic-bezier(.28,.84,.42,1)}.portfolio-page .portfolio-wrapper .portfolio-item.open .flip-container{display:none}.portfolio-page .portfolio-wrapper .portfolio-item.open .content-container{display:block;height:77vh;overflow-y:auto;margin:-4rem -1rem}@media (max-width:768px){.portfolio-page .portfolio-wrapper .portfolio-item.open .content-container{margin:-4rem 1rem}}.portfolio-page .portfolio-wrapper .flip-container{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.portfolio-page .portfolio-wrapper .portfolio-item:hover .flip-container{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.portfolio-page .portfolio-wrapper .flip-card-back,.portfolio-page .portfolio-wrapper .flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden}.portfolio-page .portfolio-wrapper .flip-card-front img{margin:5%;width:90%;border-radius:5px}.portfolio-page .portfolio-wrapper .flip-card-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);position:absolute;top:0;-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)}.portfolio-page .portfolio-wrapper .flip-card-back:hover{-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.2);box-shadow:0 6px 12px 0 rgba(0,0,0,.2)}@-webkit-keyframes zoom{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-100px);transform:scale(.9,1.1) translateY(-100px)}50%{-webkit-transform:scale(1.05,.95) translateY(0);transform:scale(1.05,.95) translateY(0)}57%{-webkit-transform:scale(1) translateY(-7px);transform:scale(1) translateY(-7px)}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);width:100%;height:100%}}@keyframes zoom{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-100px);transform:scale(.9,1.1) translateY(-100px)}50%{-webkit-transform:scale(1.05,.95) translateY(0);transform:scale(1.05,.95) translateY(0)}57%{-webkit-transform:scale(1) translateY(-7px);transform:scale(1) translateY(-7px)}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);width:100%;height:100%}}.portfolio-page .portfolio-wrapper .expandUp{animation-name:expandUp;-webkit-animation-name:expandUp;animation-duration:.7s;-webkit-animation-duration:.7s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes expandUp{0%{-webkit-transform:translateY(100%) scale(.6) scaleY(.5);transform:translateY(100%) scale(.6) scaleY(.5);opacity:0}60%{-webkit-transform:translateY(-7%) scaleY(1.12);transform:translateY(-7%) scaleY(1.12)}75%{-webkit-transform:translateY(3%);transform:translateY(3%)}to{-webkit-transform:translateY(0) scale(1) scaleY(1);transform:translateY(0) scale(1) scaleY(1);opacity:1}}@-webkit-keyframes expandUp{0%{-webkit-transform:translateY(100%) scale(.6) scaleY(.5);opacity:0}60%{-webkit-transform:translateY(-7%) scaleY(1.12)}75%{-webkit-transform:translateY(3%)}to{-webkit-transform:translateY(0) scale(1) scaleY(1);opacity:1}}.scroll-top{position:fixed;bottom:13.25rem;right:0;cursor:pointer}@media (max-width:425px){.scroll-top{top:0;left:0;bottom:unset;z-index:3;right:unset}}.scroll-top .arrow{text-align:center;margin:0 auto;padding:.5rem 1.125rem}.scroll-top .arrow .to-top{text-align:center;font-size:.5rem;padding-top:.125rem}.scroll-top .hide{display:none}.scroll-top .bounce:hover{-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)}}
/*# sourceMappingURL=main.501e707a.css.map*/