:root{--color-black:#000;--color-white:#f1f1e6;--color-primary:#2e334a;--color-secondary:#8ec9d2;--color-font:#b7b8bf;--color-bg:#141a2f;--content-alpha:0.8;--background:url(../../static/media/curcuit-board.cb97cab7.svg),linear-gradient(45deg,#141a2f,#151b31,#151c32,#161d34,#171d36,#181e38,#181f39,#19203b);--font-primary:"Bungee Inline",cursive;--font-secondary:"Exo",sans-serif;--font-navigation:"Bungee",cursive;--font-default:"Exo 2",sans-serif;--padding-left:12.5rem;--padding-right:12rem}.u-underline{text-decoration:underline}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}@media only screen and (max-width:75em){html{font-size:56.5%}}@media only screen and (max-width:62.5em){html{font-size:52.5%}}@media only screen and (max-width:37.5em){html{font-size:49.5%}}*,:after,:before{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}body{font-family:"Exo 2",sans-serif;color:#b7b8bf;color:var(--color-font);font-size:2.4rem}body ::-moz-selection{background-color:rgba(142,201,210,.9);color:#2e334a}body ::selection{background-color:rgba(142,201,210,.9);color:#2e334a}@supports selector(div::-webkit-scrollbar){body{border-right:none}body::-webkit-scrollbar{width:7.5px;height:7.5px;cursor:pointer}body::-webkit-scrollbar-thumb{-webkit-transition:background-color 1s,border 1s;transition:background-color 1s,border 1s;border:3px dashed #9ebdc2;background-color:#3a3b3e}body::-webkit-scrollbar-thumb:hover{border:3px dashed #aeb2b2;background-color:#3c3c3c}body::-webkit-scrollbar-track{background:#11121b;border-left:2px solid #638b91;border-right:2px solid #638b91}body{scrollbar-face-color:#8ec9d2;scrollbar-track-color:#2e334a}}.header--invisible{opacity:0}.header--invisible .header__image-container:before{width:90%!important;height:90%!important;border-radius:10%!important}.header--invisible .heading-primary{opacity:0!important;-webkit-transform:translateY(20%)!important;-ms-transform:translateY(20%)!important;transform:translateY(20%)!important}.header--invisible .heading-subtitle{opacity:0!important;-webkit-transform:translateY(-40%)!important;-ms-transform:translateY(-40%)!important;transform:translateY(-40%)!important}.header--invisible .divider{width:0!important}.header--invisible .header__resume,.header--invisible .header__socials{opacity:0!important;-webkit-transform:translateY(-40%)!important;-ms-transform:translateY(-40%)!important;transform:translateY(-40%)!important}.header--visible .header__image-container:before{-webkit-transition:width 1s cubic-bezier(.06,.81,.64,1.23),height 1s cubic-bezier(.06,.81,.64,1.23);-o-transition:width 1s cubic-bezier(.06,.81,.64,1.23),height 1s cubic-bezier(.06,.81,.64,1.23);transition:width 1s cubic-bezier(.06,.81,.64,1.23),height 1s cubic-bezier(.06,.81,.64,1.23);width:125%;height:125%;border-radius:50%}.header--visible .heading-primary,.header--visible .heading-subtitle{-webkit-transition:opacity .5s .75s,-webkit-transform .75s cubic-bezier(0,1.95,.57,1.61) .7s;transition:opacity .5s .75s,-webkit-transform .75s cubic-bezier(0,1.95,.57,1.61) .7s;-o-transition:opacity .5s .75s,transform .75s cubic-bezier(0,1.95,.57,1.61) .7s;transition:opacity .5s .75s,transform .75s cubic-bezier(0,1.95,.57,1.61) .7s;transition:opacity .5s .75s,transform .75s cubic-bezier(0,1.95,.57,1.61) .7s,-webkit-transform .75s cubic-bezier(0,1.95,.57,1.61) .7s;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.header--visible .header__resume{-webkit-transition:opacity .6s .75s,color .15s,background-color .25s,border-color .25s,-webkit-transform .8s cubic-bezier(0,1.95,.57,1.61) .7s,-webkit-box-shadow .4s;transition:opacity .6s .75s,color .15s,background-color .25s,border-color .25s,-webkit-transform .8s cubic-bezier(0,1.95,.57,1.61) .7s,-webkit-box-shadow .4s;-o-transition:opacity .6s .75s,transform .8s cubic-bezier(0,1.95,.57,1.61) .7s,color .15s,background-color .25s,border-color .25s,box-shadow .4s;transition:opacity .6s .75s,transform .8s cubic-bezier(0,1.95,.57,1.61) .7s,color .15s,background-color .25s,border-color .25s,box-shadow .4s;transition:opacity .6s .75s,transform .8s cubic-bezier(0,1.95,.57,1.61) .7s,color .15s,background-color .25s,border-color .25s,box-shadow .4s,-webkit-transform .8s cubic-bezier(0,1.95,.57,1.61) .7s,-webkit-box-shadow .4s}.header--visible .header__resume,.header--visible .header__socials{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.header--visible .header__socials{-webkit-transition:opacity .7s .75s,-webkit-transform .85s cubic-bezier(0,1.95,.57,1.61) .7s;transition:opacity .7s .75s,-webkit-transform .85s cubic-bezier(0,1.95,.57,1.61) .7s;-o-transition:opacity .7s .75s,transform .85s cubic-bezier(0,1.95,.57,1.61) .7s;transition:opacity .7s .75s,transform .85s cubic-bezier(0,1.95,.57,1.61) .7s;transition:opacity .7s .75s,transform .85s cubic-bezier(0,1.95,.57,1.61) .7s,-webkit-transform .85s cubic-bezier(0,1.95,.57,1.61) .7s}.section--invisible{opacity:0;-webkit-transform:translateY(4rem);-ms-transform:translateY(4rem);transform:translateY(4rem)}.section--invisible .section__subject:before{-webkit-transition:opacity .75s,-webkit-transform 1s;transition:opacity .75s,-webkit-transform 1s;-o-transition:transform 1s,opacity .75s;transition:transform 1s,opacity .75s;transition:transform 1s,opacity .75s,-webkit-transform 1s;-webkit-transform:translate(-20%,-45%);-ms-transform:translate(-20%,-45%);transform:translate(-20%,-45%);opacity:0}.section--invisible .section__subject:after{background-color:rgba(0,0,0,0)}.section--invisible .project:nth-child(odd){-webkit-transform:translateX(-2rem);-ms-transform:translateX(-2rem);transform:translateX(-2rem)}.section--invisible .project:nth-child(2n){-webkit-transform:translateX(2rem);-ms-transform:translateX(2rem);transform:translateX(2rem)}.section--invisible .section__skill{will-change:transform}.section--invisible .section__skill:nth-child(4n+1){-webkit-transform:translate(-1rem);-ms-transform:translate(-1rem);transform:translate(-1rem)}.section--invisible .section__skill:nth-child(4n+2){-webkit-transform:translateY(-1rem);-ms-transform:translateY(-1rem);transform:translateY(-1rem)}.section--invisible .section__skill:nth-child(4n+3){-webkit-transform:translate(1rem);-ms-transform:translate(1rem);transform:translate(1rem)}.section--invisible .section__skill:nth-child(4n+4){-webkit-transform:translateY(1rem);-ms-transform:translateY(1rem);transform:translateY(1rem)}.section--visible{-webkit-transition:opacity 1s,-webkit-transform .85s;transition:opacity 1s,-webkit-transform .85s;-o-transition:opacity 1s,transform .85s;transition:opacity 1s,transform .85s;transition:opacity 1s,transform .85s,-webkit-transform .85s;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.section--visible .section__subject:before{-webkit-transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,-webkit-transform 1.5s;-o-transition:transform 1.5s,opacity 1.5s;transition:transform 1.5s,opacity 1.5s;transition:transform 1.5s,opacity 1.5s,-webkit-transform 1.5s;-webkit-transform:translateY(-45%);-ms-transform:translateY(-45%);transform:translateY(-45%)}.section--visible .section__subject:after{-webkit-transition:background-color 1s .75s;-o-transition:background-color 1s .75s;transition:background-color 1s .75s;background-color:rgba(142,201,210,.5)}.section--visible .project{-webkit-transition:border .2s,-webkit-transform 1s,-webkit-box-shadow .35s;transition:border .2s,-webkit-transform 1s,-webkit-box-shadow .35s;-o-transition:transform 1s,border .2s,box-shadow .35s;transition:transform 1s,border .2s,box-shadow .35s;transition:transform 1s,border .2s,box-shadow .35s,-webkit-transform 1s,-webkit-box-shadow .35s}.section--visible .project:nth-child(odd){-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.section--visible .project:nth-child(2n){-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.section--visible .section__skill{-webkit-transition:-webkit-transform 2s;transition:-webkit-transform 2s;-o-transition:transform 2s;transition:transform 2s;transition:transform 2s,-webkit-transform 2s;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.heading-primary{font-family:"Bungee Inline",cursive;font-size:7.2rem;color:#8ec9d2;line-height:1}@media only screen and (max-width:103.125em){.heading-primary{font-size:5.5rem}}@media only screen and (max-width:31.25em){.heading-primary{font-size:4.45rem}}@media only screen and (max-width:25em){.heading-primary{font-size:4.5rem}}.heading-subtitle{font-family:"Exo",sans-serif;font-size:3.6rem;line-height:1}@media only screen and (max-width:103.125em){.heading-subtitle{font-size:3rem}}@media only screen and (max-width:37.5em){.heading-subtitle{font-size:2.9rem}}.heading-secondary{font-size:4rem;font-weight:900;font-family:"Exo",sans-serif}.heading-secondary span:before{font-size:3em}@media only screen and (max-width:103.125em){.heading-secondary{font-size:3.8rem}.heading-secondary span:before{font-size:2.25em}}@media only screen and (max-width:31.25em){.heading-secondary{font-size:3.2rem}.heading-secondary span:before{font-size:2.2em}}@media only screen and (max-width:25em){.heading-secondary{font-size:3.1rem}.heading-secondary span:before{font-size:1.9em}}.heading-secondary--invisible{opacity:0}.heading-navigation{font-family:"Bungee",cursive}@media only screen and (max-width:75em){.heading-navigation{font-size:2.35rem}}@media only screen and (max-width:50em){.heading-navigation{font-size:1.9rem}}.text-emphasized{color:#2e334a;font-family:"Bungee",cursive;font-size:2rem}.text-emphasized--inline{font-family:"Bungee Inline",cursive;font-size:2.6rem}.skill__icon{fill:#2e334a;height:4rem;width:4rem}@media only screen and (max-width:25em){.skill__icon{height:3.5rem;width:3.5rem}}@media only screen and (max-width:22.8125em){.skill__icon{height:2.9rem;width:2.9rem}}@media only screen and (max-width:37.5em){.project__heading{font-size:2.75rem}}.project__skill{color:#b7b8bf;font-family:"Bungee",cursive;font-size:1.7rem;line-height:1}.section--emphasis,.section--link{cursor:pointer;font-weight:600;-webkit-transition:-webkit-text-decoration-color .25s;transition:-webkit-text-decoration-color .25s;-o-transition:text-decoration-color .25s;transition:text-decoration-color .25s;transition:text-decoration-color .25s,-webkit-text-decoration-color .25s}.section--link{color:#f1f1e6}.section--link:hover{-webkit-text-decoration-color:#8ec9d2;text-decoration-color:#8ec9d2}.section--emphasis{color:#8ec9d2}.section--emphasis:hover{-webkit-text-decoration-color:#f1f1e6;text-decoration-color:#f1f1e6}@media only screen and (max-width:22.8125em){.section__skill{font-size:1.85rem}}.project__descriptions{font-family:"Exo",sans-serif;font-size:2.2rem;font-weight:300}@media only screen and (max-width:62.5em){.project__descriptions{font-size:2.1rem}}@media only screen and (max-width:22.8125em){.project__descriptions{font-size:2rem}}.App{display:grid;grid-template-columns:.4fr 2fr minmax(0,.4fr);position:fixed;background-image:url(../../static/media/curcuit-board.cb97cab7.svg),-o-linear-gradient(45deg,#141a2f,#151b31,#151c32,#161d34,#171d36,#181e38,#181f39,#19203b);background-image:url(../../static/media/curcuit-board.cb97cab7.svg),linear-gradient(45deg,#141a2f,#151b31,#151c32,#161d34,#171d36,#181e38,#181f39,#19203b);background-image:var(--background);overflow-x:hidden;overflow-y:hidden;height:100vh}@media only screen and (max-width:103.125em){.App{grid-template-columns:.4fr 2fr .285fr}}@media only screen and (max-width:75em){.App{grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr}}@media only screen and (max-width:62.5em){.App{grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr}}@media only screen and (max-width:50em){.App{grid-template-columns:1fr;background-size:1000px}}@media only screen and (max-width:37.5em){.App{grid-template-columns:1fr;background-size:850px}}.content{overflow-y:scroll;overflow-x:hidden;padding:9rem 11.5rem 0 11rem;border-left:2px solid #638b91;border-right:2px solid #638b91;display:grid;grid-template-columns:1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;background-color:rgba(46,51,74,.9)}@media only screen and (max-width:103.125em){.content{padding:9rem 6.5rem 0 7rem}}@media only screen and (max-width:31.25em){.content{padding:8rem 2.5rem 0 3rem}}@media only screen and (max-width:25em){.content{padding:8rem 2.5rem 0 3rem}}@media only screen and (max-width:22.8125em){.content{padding:8rem 1.5rem 0 2rem}}@media only screen and (max-height:31.25em) and (max-width:62.5em){.content{padding:5rem 6.5rem 0 7rem}}@supports selector(div::-webkit-scrollbar){.content{border-right:none}.content::-webkit-scrollbar{width:7.5px;height:7.5px;cursor:pointer}.content::-webkit-scrollbar-thumb{-webkit-transition:background-color 1s,border 1s;transition:background-color 1s,border 1s;border:3px dashed #9ebdc2;background-color:#3a3b3e}.content::-webkit-scrollbar-thumb:hover{border:3px dashed #aeb2b2;background-color:#3c3c3c}.content::-webkit-scrollbar-track{background:#11121b;border-left:2px solid #638b91;border-right:2px solid #638b91}.content{scrollbar-face-color:#8ec9d2;scrollbar-track-color:#2e334a}}@media only screen and (max-width:50em){.content{border:none;background-color:rgba(46,51,74,.85)}}.content>:last-child{padding-bottom:2rem}.header{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:1.25fr -webkit-min-content .5fr .5fr;grid-template-rows:1.25fr min-content .5fr .5fr;margin-bottom:3rem}@media only screen and (max-width:37.5em){.header{grid-template-columns:1fr;grid-row-gap:10rem;row-gap:10rem;justify-items:center;margin-bottom:0}}@media only screen and (orientation:portrait){.header{grid-template-columns:1fr;grid-row-gap:1rem;row-gap:1rem;justify-items:center;margin-bottom:0}}.section-container{padding-top:10rem;margin-top:3.5rem}@media only screen and (orientation:portrait){.section-container{margin-top:7.5rem}}.section-container:last-of-type{padding-bottom:10rem;margin-bottom:3.5rem}@media only screen and (orientation:portrait){.section-container:last-of-type{margin-bottom:7.5rem}}.section{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-row-gap:2rem;row-gap:2rem}.footer{font-weight:300;display:grid;-ms-flex-direction:column;flex-direction:column;justify-items:center;padding-top:4rem;margin-top:-4rem;grid-row-gap:.75rem;row-gap:.75rem;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(rgba(20,26,47,.45)),to(rgba(0,0,0,0)));background:-o-linear-gradient(left,rgba(0,0,0,0),rgba(20,26,47,.45),rgba(0,0,0,0));background:linear-gradient(90deg,rgba(0,0,0,0),rgba(20,26,47,.45),rgba(0,0,0,0));border-top-right-radius:100px;border-top-left-radius:100px}@media only screen and (max-width:37.5em){.footer{border-top-right-radius:0;border-top-left-radius:0;padding:-5rem}}.footer>:not(:first-child){margin-top:.25rem}.footer__divider{color:#8ec9d2;font-weight:600;margin-left:.5rem;margin-right:.5rem}.navigation{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top:20vh;margin-bottom:auto}@media only screen and (max-width:50em){.navigation{-ms-flex-direction:row;flex-direction:row;margin-top:0;margin-bottom:0;padding-left:2rem;border-top:2px solid #638b91;border-bottom:2px solid #638b91;background-color:rgba(20,26,47,.85);-ms-flex-align:center;align-items:center}}@media only screen and (max-width:37.5em){.navigation{display:none}}.navigation>:first-child{border-top:2px solid #638b91}.navigation>.navigation__link:last-of-type{border-bottom:2px solid #638b91}@media only screen and (max-width:50em){.navigation>:first-child{border-top:none}.navigation>.navigation__link:last-of-type{border-bottom:none}}@media only screen and (max-height:31.25em){.navigation{margin-top:auto}}.navigation__link{text-decoration:none;color:#f1f1e6;padding:.5rem 2rem;will-change:background-color,color;-webkit-transition:background-color .25s,color .25s;-o-transition:background-color .25s,color .25s;transition:background-color .25s,color .25s;background-color:rgba(20,26,47,.65)}@media only screen and (max-width:50em){.navigation__link{background-color:rgba(0,0,0,0);color:#8ec9d2}}.navigation__link span{will-change:transform;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;-o-transition:transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);display:inline-block}.navigation__link:hover span{-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;-o-transition:transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;-webkit-transform:translateX(1rem);-ms-transform:translateX(1rem);transform:translateX(1rem)}@media only screen and (max-width:50em){.navigation__link:hover{background-color:rgba(0,0,0,0);color:#d7ecef}}.navigation__link--true{will-change:background-color,color;background-color:rgba(142,201,210,.95);color:#141a2f}@media only screen and (max-width:50em){.navigation__link--true{background-color:rgba(0,0,0,0);color:#f1f1e6;text-decoration:underline}}.navigation__socials{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:2rem 0}@media only screen and (max-width:50em){.navigation__socials{margin-left:auto;margin-right:3.5rem}}.navigation__socials>:not(:last-child){margin-right:3rem}.navigation__social-link{height:5.5rem;width:5.5rem;border-radius:50%;border:1px solid #8ec9d2;-webkit-box-shadow:0 0 0 1px #8ec9d2;box-shadow:0 0 0 1px #8ec9d2;background-color:rgba(20,26,47,.85);position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;will-change:background-color,box-shadow;-webkit-transition:background-color .35s,-webkit-box-shadow .15s;transition:background-color .35s,-webkit-box-shadow .15s;-o-transition:background-color .35s,box-shadow .15s;transition:background-color .35s,box-shadow .15s;transition:background-color .35s,box-shadow .15s,-webkit-box-shadow .15s}@media only screen and (max-width:50em){.navigation__social-link{height:5rem;width:5rem}}.navigation__social-link .skill__icon{height:3.25rem;width:3.25rem;fill:#f1f1e6;will-change:fill;-webkit-transition:fill .45s;-o-transition:fill .45s;transition:fill .45s}@media only screen and (max-width:50em){.navigation__social-link .skill__icon{height:2.75rem;width:2.75rem}}@media only screen and (max-width:50em){.navigation__social-link{border-radius:50%;-webkit-transition:background-color .25s;-o-transition:background-color .25s;transition:background-color .25s;background-color:rgba(0,0,0,0)}.navigation__social-link .skill__icon{fill:#8ec9d2}.navigation__social-link .skill__icon:hover{fill:#d7ecef}}.navigation__social-link:hover{background-color:rgba(142,201,210,.85);-webkit-box-shadow:none;box-shadow:none}.navigation__social-link:hover .skill__icon{fill:#141a2f}.header{scroll-margin-top:9rem}.header__image-container{align-self:center;grid-row:1/-1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative}.header__image-container:before{content:"";width:125%;height:125%;background-color:rgba(142,201,210,.05);border:2px dotted rgba(142,201,210,.05);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%}@media only screen and (orientation:portrait){.header__image-container{margin-bottom:5rem}}.header__image{border:2px solid #8ec9d2;border-radius:50%;height:25rem;width:25rem;z-index:1}@media only screen and (max-width:103.125em){.header__image{height:22.5rem;width:22.5rem}}@media only screen and (max-width:75em){.header__image{height:20rem;width:20rem}}@media only screen and (max-width:37.5em){.header__image{height:30rem;width:30rem}}@media only screen and (max-width:25em){.header__image{height:27.5rem;width:27.5rem}}.header .heading-primary{-ms-flex-item-align:end;align-self:end;margin-bottom:.25rem;padding-left:3rem}@supports (-webkit-text-stroke:2px black){.header .heading-primary{-webkit-text-stroke:2px #2e334a}}@media (orientation:portrait),only screen and (max-width:37.5em){.header .heading-primary{padding-left:0}}@media only screen and (max-width:25em){.header .heading-primary{width:115%}}.header .heading-subtitle{-ms-flex-item-align:start;align-self:start;padding-left:3rem}@media (orientation:portrait),only screen and (max-width:37.5em){.header .heading-subtitle{padding-left:0}}.header .heading-primary,.header .heading-subtitle{text-align:center}.header .divider{height:2px;background-color:#8ec9d2;position:relative;margin-top:2rem;margin-bottom:2rem;z-index:0;-webkit-transition:width 1s;-o-transition:width 1s;transition:width 1s;width:100%}@media only screen and (max-width:37.5em){.header .divider{margin-top:1.25rem;margin-bottom:1.25rem}}.header .divider:after{content:"";height:12px;width:12px;border-radius:50%;background-color:#2e334a;border:2px solid #8ec9d2;position:absolute;right:0;top:50%;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%)}@media (orientation:portrait),only screen and (max-width:37.5em){.header .divider{border-radius:45%}.header .divider:after{display:none}}.header__resume{background-color:rgba(171,215,222,.85);margin-left:3rem;margin-top:2.25rem;-webkit-transform:translateY(1rem);-ms-transform:translateY(1rem);transform:translateY(1rem)}@media only screen and (max-width:22.8125em){.header__resume{font-size:.9em;padding:1.5rem 1.75rem}}@media (orientation:portrait),only screen and (max-width:37.5em){.header__resume{margin-left:0}}.header__socials{display:none}@media only screen and (max-width:37.5em){.header__socials{margin-top:1.75rem;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1.75rem;-webkit-column-gap:1.75rem;-moz-column-gap:1.75rem;column-gap:1.75rem;-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);opacity:1;-webkit-transition:color .15s,background-color .25s,border-color .25s;-o-transition:color .15s,background-color .25s,border-color .25s;transition:color .15s,background-color .25s,border-color .25s}}.section{position:relative}.section .heading-secondary{margin-bottom:-1rem}@media only screen and (max-width:37.5em){.section .heading-secondary{margin-bottom:-2rem}}.section__subject{color:#f1f1e6;font-size:1.45em}.section__subject:before{content:attr(data-subject);color:rgba(142,201,210,.05);z-index:-1;position:absolute;top:0;left:0;-webkit-transform:translateY(-45%);-ms-transform:translateY(-45%);transform:translateY(-45%)}@media only screen and (max-width:31.25em){.section__subject:before{left:-5%}}.section__subject:after{content:"";height:18px;width:18px;border-radius:50%;background-color:rgba(0,0,0,0);border:2px solid #8ec9d2;position:absolute;left:0;top:0;-webkit-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%)}@media only screen and (max-width:31.25em){.section__subject:after{display:none}}@media only screen and (max-width:37.5em){.section__description{font-size:2.4rem}}.section__skills{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-.5rem 0 -1rem}@media only screen and (max-width:25em){.section__skills{margin:-.25rem 0 -.75rem}}.section__skills ::-moz-selection{background-color:rgba(46,51,74,.9);color:#b7b8bf}.section__skills ::selection{background-color:rgba(46,51,74,.9);color:#b7b8bf}.section__skill{display:grid;grid-template-columns:-webkit-min-content -webkit-max-content;grid-template-columns:min-content max-content;-ms-flex-align:center;align-items:center;grid-column-gap:.8rem;-webkit-column-gap:.8rem;-moz-column-gap:.8rem;column-gap:.8rem;background-color:#8ec9d2;background:url(../../static/media/curcuit-board.cb97cab7.svg),#8ec9d2;background-size:550px;padding:.5rem 1rem;margin:.5rem;border:2px dotted rgba(46,51,74,.75);border-top-right-radius:6px;border-bottom-left-radius:14px;border-top-left-radius:2px;border-bottom-right-radius:2px}@media only screen and (max-width:25em){.section__skill{padding:0 1rem}}@media only screen and (max-width:31.25em){.section__skill{margin:.35rem;padding:.45 .85rem}}.section__portfolio{display:grid;grid-template-columns:repeat(auto-fill,minmax(35.5rem,1fr));grid-gap:4rem;gap:4rem;border-radius:10px;margin-top:2rem}@media only screen and (max-width:31.25em){.section__portfolio{grid-template-columns:repeat(auto-fill,minmax(35.5rem,1fr))}}@media only screen and (max-width:22.8125em){.section__portfolio{grid-template-columns:repeat(auto-fill,minmax(27.5rem,1fr))}}.project{color:#1a1d2b;background-color:#b7b8bf;background:url(../../static/media/curcuit-board-three.9916e2e0.svg),#b7b8bf;background-size:800px;padding:.4rem;border-top-right-radius:8px;border-bottom-left-radius:32px;border-top-left-radius:8px;border-bottom-right-radius:8px;border:2px dotted rgba(26,29,43,.3);-webkit-box-shadow:#8ec9d2 0 0 1px;box-shadow:0 0 1px #8ec9d2;display:grid;grid-gap:1rem;gap:1rem;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-auto-rows:-webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content 1fr;grid-auto-rows:min-content min-content min-content min-content 1fr;will-change:border-color,box-shadow}.project:hover{border:2px dotted rgba(98,180,193,.75);-webkit-box-shadow:#8ec9d2 0 0 10px;box-shadow:0 0 10px #8ec9d2}@supports ((-webkit-filter:grayscale(0)) or (filter:grayscale(0))){.project:hover .project__heading:after,.project:hover .project__heading:before{-webkit-filter:grayscale(0);filter:grayscale(0)}}.project:hover .project__heading:after{opacity:.9}.project:hover .project__heading:before{opacity:.8}.project__heading{background-color:rgba(183,184,191,.2);padding:.5rem 2rem 0;position:relative}.project__heading:after,.project__heading:before{content:"";position:absolute;right:0;top:0;height:14px;width:14px;border:1px solid #aaabb3;border-radius:50%;-webkit-transition:opacity .5s,-webkit-filter .5s;transition:opacity .5s,-webkit-filter .5s;-o-transition:opacity .5s,filter .5s;transition:opacity .5s,filter .5s;transition:opacity .5s,filter .5s,-webkit-filter .5s}@supports ((-webkit-filter:grayscale(0)) or (filter:grayscale(0))){.project__heading:after,.project__heading:before{-webkit-filter:grayscale(1);filter:grayscale(1)}}.project__heading:after{background-color:#4da85b;-webkit-transform:translate(-315%,90%);-ms-transform:translate(-315%,90%);transform:translate(-315%,90%)}.project__heading:before{background-color:#e04d69;-webkit-transform:translate(-150%,90%);-ms-transform:translate(-150%,90%);transform:translate(-150%,90%)}.project__img-link{width:96%;margin:0 auto}.project__img{width:100%;border-radius:10px;border:2px solid #aaabb3;vertical-align:top}.project__skills{padding:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.project__skill{background-color:#2e334a;color:#e0e0e3;padding:.8rem 1rem .7rem;margin:.15rem;border:2px dotted rgba(183,184,191,.75);border-top-right-radius:6px;border-bottom-left-radius:14px;border-top-left-radius:2px;border-bottom-right-radius:2px}@media only screen and (max-width:25em){.project__skill{font-size:2rem}}.project__skill:last-child{border-bottom-right-radius:14px;border-bottom-left-radius:2px}.project__descriptions{margin:0 .75rem;display:grid;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:.8rem;gap:.8rem;background:url(../../static/media/curcuit-board-two.0faac19d.svg),#1f2848;background-size:50rem;padding:1.5rem 2rem;border-radius:5px;color:#e0e0e3;border:3px solid #aaabb3;border-radius:20px;-webkit-box-shadow:inset 0 0 5px rgba(142,201,210,.99);box-shadow:inset 0 0 5px rgba(142,201,210,.99)}.project__links{padding:0 1.1rem 1rem 1.75rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:auto;-ms-flex-pack:end;justify-content:flex-end}.project__link{padding:.9rem 1.2rem;line-height:1;text-decoration:none;opacity:.9;color:#141a2f;margin-right:1rem;border:2px dotted #b7b8bf;-webkit-box-shadow:inset 0 0 5px #747683;box-shadow:inset 0 0 5px #747683;border-top-right-radius:5px;border-bottom-left-radius:5px;-webkit-transition:background-color .4s;-o-transition:background-color .4s;transition:background-color .4s}.project__link span{display:inline-block;font-weight:900;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:translateX(-1px);-ms-transform:translateX(-1px);transform:translateX(-1px)}.project__link:hover span{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}.project__link--live{background-color:rgba(87,175,188,.2);border-bottom-right-radius:10px;border-top-left-radius:5px}.project__link--live:hover{background-color:rgba(87,175,188,.4)}.project__link--repo{background-color:rgba(143,144,155,.3);border-bottom-right-radius:5px;border-top-left-radius:10px}.project__link--repo:hover{background-color:rgba(143,144,155,.6)}.contact{display:grid;grid-template-columns:repeat(2,1fr);-ms-flex-align:center;align-items:center;grid-gap:2rem;gap:2rem;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}@media only screen and (max-width:31.25em){.contact{grid-template-columns:1fr}}.contact>*{outline:none}.contact>:not(.contact__submit){font-size:2rem;font-family:"Exo",sans-serif;color:#f1f1e6;font-weight:500;will-change:background-color,border-color;-webkit-transition:background-color .3s,border-color .3s;-o-transition:background-color .3s,border-color .3s;transition:background-color .3s,border-color .3s;padding:1rem;background-color:rgba(0,0,0,0);border:2px solid #2e334a;border-radius:10px;background-color:rgba(20,26,47,.35)}.contact>:not(.contact__submit)::-webkit-input-placeholder{color:#6f7576}.contact>:not(.contact__submit)::-moz-placeholder{color:#6f7576}.contact>:not(.contact__submit):-ms-input-placeholder{color:#6f7576}.contact>:not(.contact__submit)::-ms-input-placeholder{color:#6f7576}.contact>:not(.contact__submit)::placeholder{color:#6f7576}.contact>:not(.contact__submit):hover{border-color:#bebeb3;background-color:rgba(66,73,105,.15)}.contact>:not(.contact__submit):focus{-webkit-transition:border-color .3s,-webkit-box-shadow background-color .4s .3s;transition:border-color .3s,-webkit-box-shadow background-color .4s .3s;-o-transition:border-color .3s,box-shadow .4s background-color .3s;transition:border-color .3s,box-shadow background-color .4s .3s;transition:border-color .3s,box-shadow background-color .4s .3s,-webkit-box-shadow background-color .4s .3s;background-color:rgba(20,26,47,.5);border-color:#8ab6bd}.contact__message{grid-column:1/-1;resize:none}.contact__submit{grid-column:1/-1;background-color:#f1f1e6}.submit-button{cursor:pointer;outline:none;text-decoration:none;border:2px solid;border-top-left-radius:5px;border-top-right-radius:10px;border-bottom-right-radius:5px;border-bottom-left-radius:10px;font-size:1.035em!important;-webkit-box-shadow:0 0 0 2px #f1f1e6;box-shadow:0 0 0 2px #f1f1e6;padding:1.5rem 2.5rem;line-height:1;justify-self:center;-webkit-transition:color .15s,background-color .25s,border-color .25s,-webkit-box-shadow .4s;transition:color .15s,background-color .25s,border-color .25s,-webkit-box-shadow .4s;-o-transition:color .15s,background-color .25s,border-color .25s,box-shadow .4s;transition:color .15s,background-color .25s,border-color .25s,box-shadow .4s;transition:color .15s,background-color .25s,border-color .25s,box-shadow .4s,-webkit-box-shadow .4s;will-change:color,background-color,border-color,box-shadow}.submit-button:hover{color:#f1f1e6;-webkit-box-shadow:none;box-shadow:none;background-color:rgba(0,0,0,0);border-color:#f1f1e6}.submit-button:active{background-color:rgba(142,201,210,.7)}
/*# sourceMappingURL=main.ca1b0e6c.chunk.css.map */