:root{--color-primary:#c2cddb;--color-secondary:#00d9ff;--color-accent:#e27a60;--color-headings:#ff4500;--color-body:#918ca4;--color-body-darker:#5c5577;--color-border:#ccc;--border-radius:30px;--shadow-dark:0 0 20px 10px #f3f3f3;--shadow-light:0 0 30px 20px #e6ebee}.progress{height:3px;width:0;background-color:#fff;position:fixed;top:0;left:0;animation:progress 1s linear}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;scroll-behavior:smooth;transition:all .3s}@media only screen and (max-width:56.25em){html{font-size:60%}}body{transition:inherit;scroll-behavior:inherit;box-sizing:border-box}::-moz-selection{background-color:#2584ff;color:#fff}::selection{background-color:#2584ff;color:#fff}a,a:link:active:hover{text-decoration:none;color:wheat}img{width:100%}body{font-family:IBM Plex Sans,sans-serif;font-weight:400;color:wheat;font-size:1.5rem;line-height:1.5}h1,h2,h3,h4,h5{color:var(--color-headings);font-family:Ubuntu,sans-serif;line-height:1.1}h1{font-size:6rem}h2{font-size:5rem}h3{font-size:4rem}h4{font-size:3rem}a:active,a:link,a:target,a:visited{text-decoration:none}.u-center-text{text-align:center}.u-margin-btm-small{margin-bottom:1.4rem}.u-margin-btm-medium{margin-bottom:4rem}.u-margin-btm-large{margin-bottom:6rem}.u-margin-top-large{margin-top:6rem}.icon{width:40px;height:40px;fill:#f3f3f3;width:100%}.icon-container{padding:2rem}.icon--github{fill:#fff}.icon-circle{width:64px;height:64px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}.icon__wrapper{width:3rem;height:3rem}.icon--pacman{width:20px;height:20px;transform:translateY(5px) translateX(4px);position:relative;fill:hsla(0,0%,100%,.9)}.pacman-dots:nth-of-type(3){color:red}.pacman-dots:nth-of-type(2){color:#ff0}.pacman-dots:first-of-type{color:green}#hero:after{border:30px solid transparent;border-top-color:#1f1e1e}#about:after,#hero:after{content:" ";width:0;height:0;position:absolute;top:100%;left:50%;z-index:1;margin-left:-30px}#about:after{border:30px solid transparent;border-top-color:#4d4c4c}#skills:after{content:" ";width:0;height:0;position:absolute;border:30px solid transparent;border-top-color:#1f1e1e;top:100%;left:50%;z-index:1;margin-left:-30px}#projects{position:relative}#projects:after{content:" ";width:0;height:0;position:absolute;border:30px solid transparent;border-top-color:#4d4c4c;top:100%;left:50%;z-index:1;margin-left:-30px}.grid{display:grid;justify-content:center}.grid a{display:grid}.grid a,.grid--1x2{justify-items:center}.grid--1x2{grid-template-columns:repeat(2,1fr)}.grid--1x4{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:3rem;row-gap:3.6rem}@keyframes progress{to{background-color:#14ffe2;width:100%}}@keyframes moveInRight{0%{border-bottom:3px solid red;width:0}20%{border-bottom:3px solid red;width:20%}40%{border-bottom:3px solid red;width:40%}60%{border-bottom:3px solid red;width:60%}80%{border-bottom:3px solid red;width:80%}to{border-bottom:3px solid red;width:100%}}.c100.p100 .slice,.c100.p51 .slice,.c100.p52 .slice,.c100.p53 .slice,.c100.p54 .slice,.c100.p55 .slice,.c100.p56 .slice,.c100.p57 .slice,.c100.p58 .slice,.c100.p59 .slice,.c100.p60 .slice,.c100.p61 .slice,.c100.p62 .slice,.c100.p63 .slice,.c100.p64 .slice,.c100.p65 .slice,.c100.p66 .slice,.c100.p67 .slice,.c100.p68 .slice,.c100.p69 .slice,.c100.p70 .slice,.c100.p71 .slice,.c100.p72 .slice,.c100.p73 .slice,.c100.p74 .slice,.c100.p75 .slice,.c100.p76 .slice,.c100.p77 .slice,.c100.p78 .slice,.c100.p79 .slice,.c100.p80 .slice,.c100.p81 .slice,.c100.p82 .slice,.c100.p83 .slice,.c100.p84 .slice,.c100.p85 .slice,.c100.p86 .slice,.c100.p87 .slice,.c100.p88 .slice,.c100.p89 .slice,.c100.p90 .slice,.c100.p91 .slice,.c100.p92 .slice,.c100.p93 .slice,.c100.p94 .slice,.c100.p95 .slice,.c100.p96 .slice,.c100.p97 .slice,.c100.p98 .slice,.c100.p99 .slice,.rect-auto{clip:rect(auto,auto,auto,auto)}.c100 .bar,.c100.p100 .fill,.c100.p51 .fill,.c100.p52 .fill,.c100.p53 .fill,.c100.p54 .fill,.c100.p55 .fill,.c100.p56 .fill,.c100.p57 .fill,.c100.p58 .fill,.c100.p59 .fill,.c100.p60 .fill,.c100.p61 .fill,.c100.p62 .fill,.c100.p63 .fill,.c100.p64 .fill,.c100.p65 .fill,.c100.p66 .fill,.c100.p67 .fill,.c100.p68 .fill,.c100.p69 .fill,.c100.p70 .fill,.c100.p71 .fill,.c100.p72 .fill,.c100.p73 .fill,.c100.p74 .fill,.c100.p75 .fill,.c100.p76 .fill,.c100.p77 .fill,.c100.p78 .fill,.c100.p79 .fill,.c100.p80 .fill,.c100.p81 .fill,.c100.p82 .fill,.c100.p83 .fill,.c100.p84 .fill,.c100.p85 .fill,.c100.p86 .fill,.c100.p87 .fill,.c100.p88 .fill,.c100.p89 .fill,.c100.p90 .fill,.c100.p91 .fill,.c100.p92 .fill,.c100.p93 .fill,.c100.p94 .fill,.c100.p95 .fill,.c100.p96 .fill,.c100.p97 .fill,.c100.p98 .fill,.c100.p99 .fill,.pie{position:absolute;border:.08em solid #1313a1;width:.84em;height:.84em;clip:rect(0,.5em,1em,0);border-radius:50%;transform:rotate(0deg)}.c100.c100--html .bar,.c100.p95.c100--html .fill,.pie{border:.08em solid #e34f26}.c100.c100--css3 .bar,.c100.c100--css3 .fill,.pie{border:.08em solid #1572b6}.c100.c100--gql .bar,.c100.c100--gql .fill,.pie{border:.08em solid #e10098}.c100.c100--bootstrap .bar,.c100.c100--bootstrap .fill,.pie{border:.08em solid #563d7c}.c100.c100--material-ui .bar,.c100.c100--material-ui .fill,.pie{border:.08em solid #007fff}.c100.c100--styledc .bar,.c100.c100--styledc .fill,.pie{border:.08em solid #db7093}.c100.c100--jest .bar,.c100.c100--jest .fill,.pie{border:.08em solid #c21325}.c100.c100--git .bar,.c100.c100--git .fill,.pie{border:.08em solid #f05032}.c100.c100--webpack .bar,.c100.c100--webpack .fill,.pie{border:.08em solid #8dd6f9}.c100.c100--next .bar,.c100.c100--next .fill,.pie{border:.08em solid #000}.c100.c100--redux .bar,.c100.c100--redux .fill,.pie{border:.08em solid #764abc}.c100.c100--sass .bar,.c100.c100--sass .fill,.pie{border:.08em solid #c69}.c100.c100--js .bar,.c100.c100--js .fill,.pie{border:.08em solid #f7df1e}.c100.c100--react .bar,.c100.c100--react .fill,.pie{border:.08em solid #61dafb}.c100.c100--node .bar,.c100.c100--node .fill,.pie{border:.08em solid #393}.c100.c100--github .bar,.c100.c100--github .fill,.pie{border:.08em solid #fff}.c100 .bar,.c100.c100--vscode .fill,.pie{border:.08em solid #007acc}.c100.p100 .bar:after,.c100.p100 .fill,.c100.p51 .bar:after,.c100.p51 .fill,.c100.p52 .bar:after,.c100.p52 .fill,.c100.p53 .bar:after,.c100.p53 .fill,.c100.p54 .bar:after,.c100.p54 .fill,.c100.p55 .bar:after,.c100.p55 .fill,.c100.p56 .bar:after,.c100.p56 .fill,.c100.p57 .bar:after,.c100.p57 .fill,.c100.p58 .bar:after,.c100.p58 .fill,.c100.p59 .bar:after,.c100.p59 .fill,.c100.p60 .bar:after,.c100.p60 .fill,.c100.p61 .bar:after,.c100.p61 .fill,.c100.p62 .bar:after,.c100.p62 .fill,.c100.p63 .bar:after,.c100.p63 .fill,.c100.p64 .bar:after,.c100.p64 .fill,.c100.p65 .bar:after,.c100.p65 .fill,.c100.p66 .bar:after,.c100.p66 .fill,.c100.p67 .bar:after,.c100.p67 .fill,.c100.p68 .bar:after,.c100.p68 .fill,.c100.p69 .bar:after,.c100.p69 .fill,.c100.p70 .bar:after,.c100.p70 .fill,.c100.p71 .bar:after,.c100.p71 .fill,.c100.p72 .bar:after,.c100.p72 .fill,.c100.p73 .bar:after,.c100.p73 .fill,.c100.p74 .bar:after,.c100.p74 .fill,.c100.p75 .bar:after,.c100.p75 .fill,.c100.p76 .bar:after,.c100.p76 .fill,.c100.p77 .bar:after,.c100.p77 .fill,.c100.p78 .bar:after,.c100.p78 .fill,.c100.p79 .bar:after,.c100.p79 .fill,.c100.p80 .bar:after,.c100.p80 .fill,.c100.p81 .bar:after,.c100.p81 .fill,.c100.p82 .bar:after,.c100.p82 .fill,.c100.p83 .bar:after,.c100.p83 .fill,.c100.p84 .bar:after,.c100.p84 .fill,.c100.p85 .bar:after,.c100.p85 .fill,.c100.p86 .bar:after,.c100.p86 .fill,.c100.p87 .bar:after,.c100.p87 .fill,.c100.p88 .bar:after,.c100.p88 .fill,.c100.p89 .bar:after,.c100.p89 .fill,.c100.p90 .bar:after,.c100.p90 .fill,.c100.p91 .bar:after,.c100.p91 .fill,.c100.p92 .bar:after,.c100.p92 .fill,.c100.p93 .bar:after,.c100.p93 .fill,.c100.p94 .bar:after,.c100.p94 .fill,.c100.p95 .bar:after,.c100.p95 .fill,.c100.p96 .bar:after,.c100.p96 .fill,.c100.p97 .bar:after,.c100.p97 .fill,.c100.p98 .bar:after,.c100.p98 .fill,.c100.p99 .bar:after,.c100.p99 .fill,.pie-fill{transform:rotate(180deg)}.c100{position:relative;font-size:120px;width:1em;height:1em;border-radius:50%;float:left;background-color:#ccc}.c100 *,.c100 :after,.c100 :before{box-sizing:content-box}.c100.center{float:none;margin:0 auto}.c100.big{font-size:240px}.c100.small{font-size:60px}.c100>span{width:100%;z-index:1;left:0;top:0;width:5em;line-height:5em;font-size:.2em;color:red;text-align:center;white-space:nowrap;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}.c100:after,.c100>span{position:absolute;display:block}.c100:after{top:.08em;left:.08em;content:" ";border-radius:50%;background-color:#f5f5f5;width:.84em;height:.84em;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in}.c100 .slice{position:absolute;width:1em;height:1em;clip:rect(0,1em,1em,.5em)}.c100.p1 .bar{transform:rotate(3.6deg)}.c100.p2 .bar{transform:rotate(7.2deg)}.c100.p3 .bar{transform:rotate(10.8deg)}.c100.p4 .bar{transform:rotate(14.4deg)}.c100.p5 .bar{transform:rotate(18deg)}.c100.p6 .bar{transform:rotate(21.6deg)}.c100.p7 .bar{transform:rotate(25.2deg)}.c100.p8 .bar{transform:rotate(28.8deg)}.c100.p9 .bar{transform:rotate(32.4deg)}.c100.p10 .bar{transform:rotate(36deg)}.c100.p11 .bar{transform:rotate(39.6deg)}.c100.p12 .bar{transform:rotate(43.2deg)}.c100.p13 .bar{transform:rotate(46.8deg)}.c100.p14 .bar{transform:rotate(50.4deg)}.c100.p15 .bar{transform:rotate(54deg)}.c100.p16 .bar{transform:rotate(57.6deg)}.c100.p17 .bar{transform:rotate(61.2deg)}.c100.p18 .bar{transform:rotate(64.8deg)}.c100.p19 .bar{transform:rotate(68.4deg)}.c100.p20 .bar{transform:rotate(72deg)}.c100.p21 .bar{transform:rotate(75.6deg)}.c100.p22 .bar{transform:rotate(79.2deg)}.c100.p23 .bar{transform:rotate(82.8deg)}.c100.p24 .bar{transform:rotate(86.4deg)}.c100.p25 .bar{transform:rotate(90deg)}.c100.p26 .bar{transform:rotate(93.6deg)}.c100.p27 .bar{transform:rotate(97.2deg)}.c100.p28 .bar{transform:rotate(100.8deg)}.c100.p29 .bar{transform:rotate(104.4deg)}.c100.p30 .bar{transform:rotate(108deg)}.c100.p31 .bar{transform:rotate(.31turn)}.c100.p32 .bar{transform:rotate(.32turn)}.c100.p33 .bar{transform:rotate(.33turn)}.c100.p34 .bar{transform:rotate(.34turn)}.c100.p35 .bar{transform:rotate(126deg)}.c100.p36 .bar{transform:rotate(.36turn)}.c100.p37 .bar{transform:rotate(.37turn)}.c100.p38 .bar{transform:rotate(.38turn)}.c100.p39 .bar{transform:rotate(.39turn)}.c100.p40 .bar{transform:rotate(144deg)}.c100.p41 .bar{transform:rotate(.41turn)}.c100.p42 .bar{transform:rotate(.42turn)}.c100.p43 .bar{transform:rotate(154.8deg)}.c100.p44 .bar{transform:rotate(.44turn)}.c100.p45 .bar{transform:rotate(162deg)}.c100.p46 .bar{transform:rotate(165.6deg)}.c100.p47 .bar{transform:rotate(.47turn)}.c100.p48 .bar{transform:rotate(172.8deg)}.c100.p49 .bar{transform:rotate(.49turn)}.c100.p50 .bar{transform:rotate(180deg)}.c100.p51 .bar{transform:rotate(.51turn)}.c100.p52 .bar{transform:rotate(.52turn)}.c100.p53 .bar{transform:rotate(.53turn)}.c100.p54 .bar{transform:rotate(.54turn)}.c100.p55 .bar{transform:rotate(198deg)}.c100.p56 .bar{transform:rotate(201.6deg)}.c100.p57 .bar{transform:rotate(.57turn)}.c100.p58 .bar{transform:rotate(208.8deg)}.c100.p59 .bar{transform:rotate(.59turn)}.c100.p60 .bar{transform:rotate(216deg)}.c100.p61 .bar{transform:rotate(.61turn)}.c100.p62 .bar{transform:rotate(.62turn)}.c100.p63 .bar{transform:rotate(.63turn)}.c100.p64 .bar{transform:rotate(.64turn)}.c100.p65 .bar{transform:rotate(234deg)}.c100.p66 .bar{transform:rotate(.66turn)}.c100.p67 .bar{transform:rotate(241.2deg)}.c100.p68 .bar{transform:rotate(.68turn)}.c100.p69 .bar{transform:rotate(248.4deg)}.c100.p70 .bar{transform:rotate(252deg)}.c100.p71 .bar{transform:rotate(.71turn)}.c100.p72 .bar{transform:rotate(.72turn)}.c100.p73 .bar{transform:rotate(.73turn)}.c100.p74 .bar{transform:rotate(.74turn)}.c100.p75 .bar{transform:rotate(270deg)}.c100.p76 .bar{transform:rotate(.76turn)}.c100.p77 .bar{transform:rotate(.77turn)}.c100.p78 .bar{transform:rotate(.78turn)}.c100.p79 .bar{transform:rotate(284.4deg)}.c100.p80 .bar{transform:rotate(288deg)}.c100.p81 .bar{transform:rotate(.81turn)}.c100.p82 .bar{transform:rotate(.82turn)}.c100.p83 .bar{transform:rotate(298.8deg)}.c100.p84 .bar{transform:rotate(.84turn)}.c100.p85 .bar{transform:rotate(306deg)}.c100.p86 .bar{transform:rotate(309.6deg)}.c100.p87 .bar{transform:rotate(.87turn)}.c100.p88 .bar{transform:rotate(.88turn)}.c100.p89 .bar{transform:rotate(320.4deg)}.c100.p90 .bar{transform:rotate(324deg)}.c100.p91 .bar{transform:rotate(.91turn)}.c100.p92 .bar{transform:rotate(331.2deg)}.c100.p93 .bar{transform:rotate(.93turn)}.c100.p94 .bar{transform:rotate(.94turn)}.c100.p95 .bar{transform:rotate(342deg)}.c100.p96 .bar{transform:rotate(345.6deg)}.c100.p97 .bar{transform:rotate(.97turn)}.c100.p98 .bar{transform:rotate(.98turn)}.c100.p99 .bar{transform:rotate(.99turn)}.c100.p100 .bar{transform:rotate(1turn)}.c100:hover{cursor:default}.c100:hover>span{width:3.33em;line-height:3.33em;font-size:.3em;color:#307bbb}.c100:hover:after{top:.04em;left:.04em;width:.92em;height:.92em}.c100.dark{background-color:#777}.c100.dark .bar,.c100.dark .fill{border-color:#c6ff00!important}.c100.dark>span{color:#777}.c100.dark:after{background-color:#666}.c100.dark:hover>span{color:#c6ff00}.c100.green .bar,.c100.green .fill{border-color:#4db53c!important}.c100.green:hover>span{color:#4db53c}.c100.green.dark .bar,.c100.green.dark .fill{border-color:#5fd400!important}.c100.green.dark:hover>span{color:#5fd400}.c100.orange .bar,.c100.orange .fill{border-color:#dd9d22!important}.c100.orange:hover>span{color:#dd9d22}.c100.orange.dark .bar,.c100.orange.dark .fill{border-color:#e08833!important}.c100.orange.dark:hover>span{color:#e08833}.project{background-color:#fff}.project__grid{position:relative;row-gap:8rem}@media only screen and (max-width:56.25em){.project__grid{grid-template-columns:minmax(70vw,1fr)}}.project__title{position:absolute;top:-47px;left:210px}.project__name{display:flex;justify-content:center;height:100%;align-items:center;font-size:1.6rem;margin-bottom:2rem}@media only screen and (max-width:31.25em){.project__name{justify-content:start;padding-left:.5rem}}.project__desc{text-align:left;justify-self:left;align-self:center}@media only screen and (max-width:56.25em){.project__desc{justify-self:center;align-self:center}}.project__desc-list{padding-left:2rem}.project__desc-title{color:#000;font-size:1.7rem}.project__card{height:25rem;width:35rem;max-width:40vw;position:relative;overflow:hidden;transition:all .3s;cursor:pointer}.project__card-title{color:#000;background-color:#28ca41}@media only screen and (max-width:56.25em){.project__card{width:60vw;width:33rem;height:23rem}}@media only screen and (max-width:37.5em){.project__card{width:30rem;height:17rem}}@media only screen and (max-width:31.25em){.project__card{width:28rem;height:14.5rem}}@media only screen and (max-width:25em){.project__card{width:26.5rem;height:12rem}}@media only screen and (max-width:18.75em){.project__card{width:24rem;height:9.5rem}}.project__card:hover{transform:scale(1.1)}.project__card img{width:100%}.project__bar{position:absolute;display:block;height:24px;width:100%;background-color:#807b7bd0;top:0;left:0;z-index:10}.project__bar.react:after{position:absolute;content:"React";top:2.3rem;right:-6.1rem;width:17rem;transform:rotate(46deg);background-color:#2537c7f5;padding-right:1rem}@media only screen and (max-width:56.25em){.project__bar.react:after{width:18rem}}@media only screen and (max-width:37.5em){.project__bar.react:after{width:15rem;padding-right:3rem}}.project__bar i{height:6px;width:6px;display:inline-block;background-color:#ff5757;border-radius:50%;position:absolute;top:7px;right:5px}.project__bar i:after{background-color:#ffbd2e;right:12px}.project__bar i:after,.project__bar i:before{content:" ";height:6px;width:6px;display:inline-block;border-radius:50%;position:absolute;top:0}.project__bar i:before{background-color:#28ca41;right:24px}.project__tags{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;list-style:none}.project__tags,.project__tags--item{visibility:hidden;transition:all .5s}.project__tags--item{font-size:1.5rem;text-transform:uppercase;opacity:0;background-color:#4d4c4c;padding:.3rem;margin:.3rem;transform:scale(0)}.form{padding-left:3rem}.form__group{display:flex;justify-items:center;flex-direction:column;align-items:center;position:relative}.form__group:not(:last-child){margin-bottom:.8rem}@media only screen and (max-width:37.5em){.form__group:not(:last-child){margin-bottom:.4rem}}.form__input{font-size:1.5rem;color:#000;font-family:inherit;outline:none;display:block;width:50%;padding:1rem 1.5rem;border:none;border-bottom:3px solid transparent;transition:all .3s}@media only screen and (max-width:46.875em){.form__input{min-width:31.8rem}}@media only screen and (max-width:31.25em){.form__input{min-width:80%}}.form__input:focus{outline:none;border-bottom:3px solid green;box-shadow:0 1rem 2rem rgba(0,0,0,.1)}.form__input:focus:invalid{border-bottom:3px solid red}.form__input::-webkit-input-placeholder{color:#ccc;font-weight:400}.form__label{font-size:1.2rem;font-weight:700;padding:1rem 1.5rem;transition:all .3s;display:block;transform:translateY(-7.5rem);width:50%;text-align:left}@media only screen and (max-width:46.875em){.form__label{min-width:31.8rem}}@media only screen and (max-width:31.25em){.form__label{min-width:80%}}.form__label.textarea{transform:translateY(-13.2rem)}.form__input:-moz-placeholder-shown+.form__label.textarea{transform:translateY(-10rem)}.form__input:-ms-input-placeholder+.form__label.textarea{transform:translateY(-10rem)}.form__input:placeholder-shown+.form__label.textarea{transform:translateY(-10rem)}.form__input:-moz-placeholder-shown+.form__label{opacity:0;font-size:1rem;font-weight:400;visibility:hidden;text-align:left;width:50%;transform:translateY(-4rem)}.form__input:-ms-input-placeholder+.form__label{opacity:0;font-size:1rem;font-weight:400;visibility:hidden;text-align:left;width:50%;transform:translateY(-4rem)}.form__input:placeholder-shown+.form__label{opacity:0;font-size:1rem;font-weight:400;visibility:hidden;text-align:left;width:50%;transform:translateY(-4rem)}@media only screen and (max-width:46.875em){.form__input:-moz-placeholder-shown+.form__label{min-width:31.8rem}.form__input:-ms-input-placeholder+.form__label{min-width:31.8rem}.form__input:placeholder-shown+.form__label{min-width:31.8rem}}@media only screen and (max-width:31.25em){.form__input:-moz-placeholder-shown+.form__label{min-width:80%}.form__input:-ms-input-placeholder+.form__label{min-width:80%}.form__input:placeholder-shown+.form__label{min-width:80%}}.form__btn{font-size:1.5rem;font-weight:300;text-transform:uppercase;padding:1rem 2rem;border-radius:50px;border:none;outline:none;cursor:pointer;white-space:nowrap;transition:all .5s;background-color:#2584ff;color:#fff;text-align:center;margin:1rem 0}@media only screen and (max-width:31.25em){.form__btn{min-width:9.2rem;max-height:3.5rem}}.form__btn:hover{transform:translateY(-.5rem);box-shadow:0 1px 28px rgba(255,152,0,.66);outline:none;cursor:pointer}.form__btn:active{transform:translateY(-.1rem)}@media only screen and (max-width:37.5em){.form__btn{font-size:1.4rem}}.form fieldset{border:0;padding:0}.form fieldset[disabled]{opacity:.5}.form fieldset:before{display:flex;width:50%;margin:auto auto 3rem;height:10px;content:"";background-image:linear-gradient(90deg,#ff3019 0,#e2b04a 50%,#ff3019)}@media only screen and (max-width:46.875em){.form fieldset:before{min-width:31.8rem}}@media only screen and (max-width:31.25em){.form fieldset:before{min-width:80%}}.form fieldset[aria-busy=true]:before{background-size:50% auto;animation:loading .5s linear infinite}@keyframes loading{0%{background-position:0 0}to{background-position:100% 100%}}.mailSent{background-color:green;border-radius:50%;width:5rem;height:5rem;align-content:center;margin:auto auto 1rem}.contact__info,.mailSent{display:flex;justify-content:center}.contact__info--icon{width:2rem;transition:all .3s;margin:1rem 2rem}.contact__info--icon:hover{fill:#fff;transform:translateY(-.5rem)}.contact__info--icon:hover .icon{fill:#fff}.navbar{display:flex;align-content:flex-end;justify-content:flex-end;background:#1f1e1e;position:relative;z-index:11;position:fixed;width:100%;height:6rem;font-size:2rem;transition:all .5s;overflow:hidden}.navbar--small{height:4rem}@media only screen and (max-width:31.25em){.navbar .navbar__list{display:flex;flex-direction:column;position:absolute;top:0;right:0;width:100%;height:auto;transition:all 5s;height:24.4rem;z-index:-10}.navbar.show{height:24.6rem}}.navbar:after{content:" ";height:.3rem;background-image:linear-gradient(90deg,#1f1e1e 10%,#ff3400 20%,#ff3400 80%,#1f1e1e 90%);width:100%;position:absolute;bottom:-.1rem}.navbar__icon{z-index:2;position:relative;height:2rem;top:1rem;right:1rem}.navbar__list{position:relative;font-family:Ubuntu,sans-serif;display:flex;justify-content:flex-end;margin-left:auto;list-style:none;cursor:pointer;top:0;right:0;z-index:1;transition:all 1.1s}@media only screen and (max-width:31.25em){.navbar__list{display:none}}.navbar__list--item{padding:2rem}@media only screen and (max-width:31.25em){.navbar__list--item{padding:1rem}}.navbar__list--item a{position:relative;display:inline-block;color:red;opacity:.5;height:70%}.navbar__list--item a:hover{opacity:1}.navbar__list--item a.scrolled:hover:after{bottom:-16px}.navbar__list--item a:after{content:" ";position:absolute;border-bottom:2px solid #ff3400;transition:all .7s;width:100%;transform:scaleX(0);left:0;right:0;bottom:-2px}.navbar .menu-container{display:none}@media only screen and (max-width:31.25em){.navbar .menu-container{display:flex;justify-content:center;align-items:center;padding-right:1rem;height:6rem}}.bgWrap{width:100vw;height:100vh;overflow:hidden;z-index:-23;position:fixed}.hero{display:flex;justify-content:center;align-items:center;background-image:linear-gradient(rgba(31,30,30,.6),rgba(20,27,20,.6));width:100%;background-size:cover;background-position:top;background-attachment:scroll;height:100vh;flex-direction:column;position:relative}.hero *>{width:100%;height:100%}.hero__name{font-size:5rem;background:#ff4500;color:transparent;background-clip:text;-webkit-background-clip:text;padding:4rem;text-align:center}.hero__title{color:hsla(39,77%,83%,.8);font-size:1.9rem}.section{display:flex;flex-direction:column;justify-content:center;align-content:center;text-align:center;padding:8rem 4rem;margin:0 auto}.section:nth-child(2n){background-color:#1f1e1e}.section:nth-child(odd){background-color:#4d4c4c}.section__header{font-weight:700;background-image:#ff4500;background-clip:text;-webkit-background-clip:text;font-size:3.5rem;margin:3rem 1rem 5rem}.triangle{height:0%;width:10%;border-bottom:30%;background-color:red}.skills{position:relative}.copy{font-size:1.3rem;display:flex;justify-content:center;background-color:#1f1e1e;padding:2rem}.navbar__list .navbar__list--item.section-active a{color:#f3f38d}section.active{background:#000;background:linear-gradient(0deg,rgba(0,0,0,.1),transparent)}.ico{text-align:center;position:fixed;top:160%;right:5%;filter:url(#goo);z-index:20;transform:rotate(180deg);cursor:pointer;display:block;transition:all 3s}.ico,.ico .circle{width:6rem;height:6rem}.ico .circle{background:#fff;border-radius:50%;display:inline-block;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transform-origin:0}.ico .circle.circle-top{height:6rem/3;width:6rem/2.4;animation:blob-1-anim 2s cubic-bezier(.77,0,.175,1) infinite;z-index:0;top:0}.ico .circle.circle-bottom{height:6rem/3;width:6rem/2.4;animation:blob-2-anim 2s cubic-bezier(.77,0,.175,1) infinite;z-index:9;bottom:0}.ico .st-arrow{fill:#55544f;animation:scrolly 2s cubic-bezier(.77,0,.175,1) infinite forwards;perspective:9000px;transform:translateZ(0);transform-origin:bottom}.svg{z-index:20;position:relative}@keyframes blob-1-anim{0%{transform:translateX(-50%) translateY(0)}14%{transform:translateX(-50%) translateY(-8px)}24%{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(0)}}@keyframes blob-2-anim{0%{transform:scale(1) translate(-50%,10px)}30%{transform:scale(1) translate(-50%,10px)}70%{transform:scale(1) translate(-50%,10px)}95%{transform:scale(1) translate(-50%,26px)}to{transform:scale(1) translate(-50%,10px)}}@keyframes scrolly{0%{transform:translate3d(0,-150%,0) rotateX(90deg) scale(.5) skewX(3deg)}30%{transform:translateZ(0) rotateX(0deg) scale(1) skewX(0deg)}70%{transform:translateZ(0) rotateX(0deg) scale(1) skewX(0deg)}95%{transform:translate3d(0,50%,0) rotateX(-90deg) scale(.5) skewX(-3deg)}to{transform:translate3d(0,50%,0) rotateX(-90deg) scale(.5) skewX(-3deg)}}.arrow-up-active{top:90%;transform:rotate(180deg)}.info__container{font-size:2rem}.info__container,.info__icon{display:flex;justify-content:center}.info__icon{width:2rem;align-content:flex-end}.about{position:relative}.about__p{font-size:1.9rem}.image-container{width:100%}.image-container>div{position:unset!important}.image-container .image{justify-items:center;align-items:center;-o-object-fit:contain;object-fit:contain;width:3rem!important;position:relative!important;height:unset!important}body,html{padding:0;margin: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}.emailsent{display:flex;justify-content:center;border-left:2px solid #3de23d;margin:auto;padding-left:1rem;flex-direction:column;font-size:2rem}