@-ms-viewport{width:device-width}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;touch-action:manipulation;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{line-height:1;font-family:sans-serif;text-align:left}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}caption{caption-side:bottom}th{text-align:inherit}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace}pre{overflow:auto;-ms-overflow-style:scrollbar}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{resize:vertical}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}[tabindex="-1"]:focus{outline:0!important}fieldset{min-width:0}legend{max-width:100%;white-space:normal;color:inherit;display:block}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}[hidden],template{display:none}html{width:100vw;height:100vh;background-color:#fff;position:relative;overflow:hidden}@media (max-width:767px){html{font-size:60%}}body{line-height:1.5;font-size:10px}@media (max-width:767px){body{margin:0 auto;width:100%;overflow:hidden}}article,aside,figcaption,figure,footer,header,nav,section{display:block}h1,h2,h3,h4{text-shadow:2px 2px 0 #272727,4px 4px 0 #000}@media (max-width:767px){h1,h2,h3,h4{text-shadow:1px 1px 0 #272727,2px 2px 0 #000}}h1,h2,h3,h4,h5{line-height:1.25;z-index:10;color:#fff;text-align:center;margin:1rem 0}h1{font-size:80px;font-size:5rem}h2{font-size:48px;font-size:3rem;font-family:"Charmonman",cursive}h3{font-size:32px;font-size:2rem}h4{font-size:16px;font-size:1rem}h5{font-size:12.8px;font-size:.8rem}a{color:inherit;text-decoration:none}p{font-family:"Lato",sans-serif;font-size:17.6px;font-size:1.1rem;margin:1rem 0;color:#272727}p .decorative{margin:0 .3rem}p .decorative:nth-of-type(2n){color:#4a53d8}p .decorative:nth-of-type(odd){color:#6e93e8}button{background:transparent;border:none}section{width:100vw;height:100vh;position:relative;background:url(/static/media/background.558d78c8.png) no-repeat;background-size:cover}.background,section{display:flex;justify-content:center;align-items:center}.background{flex-direction:column;z-index:10}.background:before{content:"";position:absolute;width:57%;height:86%;z-index:1;opacity:.5;filter:alpha(opacity=50);background:#fff}@media (max-width:767px){.background:before{width:75%}}.go--back{opacity:.8;filter:alpha(opacity=80);position:absolute;z-index:20;left:0;transform:translateY(-30%);width:4rem;height:6rem;border-left:6rem solid #786fb8;border-bottom:6rem solid transparent;border-top:6rem solid transparent;cursor:pointer;transition:3s}@media (max-width:767px){.go--back{border-left:4rem solid #786fb8;border-bottom:4rem solid transparent;border-top:4rem solid transparent}}.go--back:hover{border-left:6rem solid #fff}.go--back:hover span{border-right:2rem solid #000;left:-5rem}.go--back span{position:absolute;bottom:-2rem;width:2rem;height:3rem;border-right:2rem solid #786fb8;border-bottom:2rem solid transparent;border-top:2rem solid transparent;transition:2s;left:0}.back--to--home1:before,.back--to--home2:before,.back--to--home3:before{-webkit-animation:backToHome 3s forwards;animation:backToHome 3s forwards}.back--to--home1:before{moz-transform-origin:bottom left;transform-origin:bottom left;bottom:7%;left:21.5%}@media (max-width:767px){.back--to--home1:before{left:12.5%}}.back--to--home2:before{moz-transform-origin:bottom;transform-origin:bottom;bottom:7%}.back--to--home3:before{moz-transform-origin:bottom right;transform-origin:bottom right;bottom:7%;right:21.5%}@media (max-width:767px){.back--to--home3:before{right:12.5%}}@-webkit-keyframes backToHome{to{opacity:0;width:18%;height:51%}}@keyframes backToHome{to{opacity:0;width:18%;height:51%}}.fade--in{-webkit-animation:fadeIn 3s ease;animation:fadeIn 3s ease}.fade--out{-webkit-animation:fadeOut 3s ease;animation:fadeOut 3s ease}@-webkit-keyframes fadeOut{0%{opacity:1;filter:alpha(opacity=100)}to{opacity:0;filter:alpha(opacity=0)}}@keyframes fadeOut{0%{opacity:1;filter:alpha(opacity=100)}to{opacity:0;filter:alpha(opacity=0)}}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{width:90%;height:1rem;bottom:-1rem;right:0;background-color:#fff;text-align:center;padding:.1rem 0;position:absolute;z-index:15;font-family:"Lato",sans-serif;font-size:9.6px;font-size:.6rem;transition:opacity 1s ease-in-out}::-webkit-scrollbar{width:.5rem;margin:0 1rem}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#8b8b8b}.header{align-content:center;overflow:hidden}.header,.header__background{display:flex;flex-direction:column;justify-content:center}.header__background{align-items:center;position:relative;width:57%;height:86%;z-index:10}@media (max-width:767px){.header__background{width:75%}}.header__title{z-index:10;line-height:4rem;margin-bottom:2rem}.header__title h1{font-family:"Ribeye Marrow",cursive}.header__title p{z-index:10;color:#fff;font-family:"Charmonman",cursive;font-size:32px;font-size:2rem;text-shadow:2px 2px 0 #272727;-webkit-animation:type 4s steps(60);animation:type 4s steps(60);white-space:nowrap;overflow:hidden;padding-bottom:.5rem}.header__title i{color:#fff}.header__links{justify-content:center;align-items:center}.header__links,.header__links__list{display:flex;z-index:10;height:100%;width:100%}.header__links__list{justify-content:space-between}.header__links__list__single{display:flex;flex-direction:column;justify-content:flex-end;align-content:flex-end;height:100%;width:30.3%;position:relative;cursor:pointer;transition:2s}.header__links__list__single:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background:url(/static/media/pattern.e9afc16b.png) no-repeat;opacity:.3;filter:alpha(opacity=30);-webkit-filter:grayscale(100%);filter:grayscale(100%);border:.1rem double #fff}.header__links__list__single:first-of-type:before{transform:scaleX(-1)}.header__links__list__single:nth-of-type(2):before{background:url(/static/media/pattern2.e8a09bbd.png) no-repeat 50%;background-size:cover}.header__links__list__single:nth-of-type(2).hidden:before{background:#fff url(/static/media/pattern2.e8a09bbd.png) no-repeat 50%;background-size:cover}.header__links__list__single span{z-index:20;padding:.5rem;color:#fff;text-shadow:2px 2px 2px #272727}.hidden{opacity:1;filter:alpha(opacity=100)}.hidden:before{z-index:20;background:#fff url(/static/media/pattern.e9afc16b.png) no-repeat;background-size:cover;transition:2s;opacity:.4;filter:alpha(opacity=40);-webkit-filter:grayscale(100%);filter:grayscale(100%)}@media (max-width:767px){.hidden:before{background-position:bottom}}.hidden span{font-size:12.8px;font-size:.8rem;transform:rotate(0deg);transform:translate(0);transition:2s ease-in-out}.hover{opacity:.8;filter:alpha(opacity=80)}.hover:before{z-index:20;background:url(/static/media/pattern.e9afc16b.png) no-repeat 0 100%;background-size:cover;transition:2s;opacity:1;filter:alpha(opacity=100);-webkit-filter:grayscale(50%);filter:grayscale(50%)}@media (max-width:767px){.hover:before{background-position:bottom}}.hover span{font-size:32px;font-size:2rem;transform:rotate(90deg) translateY(-8rem);transition:2s ease-in-out}@media (max-width:767px){.hover span{font-size:24px;font-size:1.5rem;transform:rotate(90deg) translate(-4rem,-2rem)}}.transition1,.transition2,.transition3{position:absolute;opacity:0;filter:alpha(opacity=0);background:#fff;height:64.5%;width:30%;transition:3s;bottom:0}.transition1{left:0}.transition2{left:35%}.transition3{left:70%}.show{position:absolute;width:100%;height:100%;opacity:.5;filter:alpha(opacity=50);z-index:10;left:0;bottom:0}@-webkit-keyframes type{0%{width:0}to{width:100%}}@keyframes type{0%{width:0}to{width:100%}}.skills__section{z-index:11;display:flex;flex-direction:column;justify-content:center;align-content:center;height:80%;width:50%}@media (max-width:767px){.skills__section{width:70%}}.skills__section h2{height:10%;margin-bottom:3rem}.skills__section__images{display:flex;justify-content:center;align-content:center;height:80%;width:100%}.skills__section__images__tools{margin:0 1rem;width:100%;display:block;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:0 1rem}.skills__section__images__tools h5{position:relative;font-family:"Lato",sans-serif;text-shadow:2px 2px 2px #272727;z-index:15;padding-left:.5rem}.skills__section__images__tools h5:after,.skills__section__images__tools h5:before{content:"";position:absolute;box-shadow:10px 10px 10px #8b8b8b;opacity:.5;filter:alpha(opacity=50);width:100%;height:1.5rem}.skills__section__images__tools h5:after{top:-.3rem;left:0;background:#786fb8;z-index:-1}.skills__section__images__tools h5:before{top:.3rem;left:.3rem;background:#6e93e8;z-index:-2}.skills__section__images__tools__single{margin:2rem 0}@media (max-width:767px){.skills__section__images__tools__single{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}}.skills__section__images img{padding:1rem;vertical-align:middle;height:6rem;width:auto;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:2s;cursor:pointer}.skills__section__images img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.projects__images{display:flex;justify-content:space-between;flex-wrap:wrap;width:50%;height:60%;z-index:11;overflow:hidden;position:relative;margin:1rem 0}@media (max-width:767px){.projects__images{display:flex;flex-direction:column;justify-content:center;align-content:center;width:60%}}.projects__images--show{-webkit-animation:slide-from-top 2s cubic-bezier(.25,.46,.45,.94) both;animation:slide-from-top 2s cubic-bezier(.25,.46,.45,.94) both}.projects__images--hide{-webkit-animation:slide-to-top 2s cubic-bezier(.25,.46,.45,.94) both;animation:slide-to-top 2s cubic-bezier(.25,.46,.45,.94) both}.projects__images__single{display:flex;margin:.5rem;align-items:center;width:30%;height:10rem;cursor:pointer;transition:2s;-webkit-filter:grayscale(100%);filter:grayscale(100%);border:.5rem double #fff;position:relative;bottom:10rem}@media (max-width:767px){.projects__images__single{width:auto}}.projects__images__single:first-of-type,.projects__images__single:nth-of-type(2),.projects__images__single:nth-of-type(3){-webkit-animation-delay:0s;animation-delay:0s}.projects__images__single:nth-of-type(4),.projects__images__single:nth-of-type(5),.projects__images__single:nth-of-type(6){-webkit-animation-delay:.1s;animation-delay:.1s}.projects__images__single:nth-of-type(7),.projects__images__single:nth-of-type(8),.projects__images__single:nth-of-type(9){-webkit-animation-delay:.2s;animation-delay:.2s}.projects__images__single:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.projects__images__details{display:flex;width:100%;position:relative;bottom:10rem}@media (max-width:767px){.projects__images__details{flex-direction:column}}.projects__images__details__photos{display:flex;justify-content:space-between;align-content:center;width:50%}@media (max-width:767px){.projects__images__details__photos{width:100%}}.projects__images__details__photos img:only-child{margin:0 auto}.projects__images__details__photos img:first-of-type{z-index:1;height:20rem}.projects__images__details__photos img:nth-of-type(2){position:absolute;left:2rem;bottom:2rem;height:20rem;z-index:0;top:0}@media (max-width:767px){.projects__images__details__photos img:nth-of-type(2){bottom:auto;height:60%}}.projects__images__details__text{display:flex;flex-direction:column;padding:1rem}.projects__images__details__text:after{content:"";bottom:0;width:50%;height:100%;background:#fff;position:absolute;right:0;z-index:-1;opacity:.3;filter:alpha(opacity=30)}@media (max-width:767px){.projects__images__details__text:after{width:100%}}.projects__images__details__text img{vertical-align:middle;width:1.5rem;margin:0 .5rem}.projects__images__details__text p{margin:1rem;font-family:"Lato",sans-serif}.projects__images__details__text i{margin:0 1rem}.projects__images__description{margin-top:2rem;width:100%;height:auto;position:relative;padding:1rem;bottom:10rem}@media (max-width:767px){.projects__images__description{height:30%;padding:.5rem}}.projects__images__description:after{content:"";left:0;bottom:0;width:100%;height:100%;background:#fff;position:absolute;z-index:-1;opacity:.3;filter:alpha(opacity=30)}.projects__images__description p{margin:1rem;height:60%}@media (max-width:767px){.projects__images__description p{height:auto;margin:1rem}}.projects__images__description__links{height:10%;display:flex;justify-content:flex-end}@media (max-width:767px){.projects__images__description__links{position:absolute;bottom:1rem}}.projects__images__description__links a{color:#272727}.projects__images__description__links button{opacity:.5;filter:alpha(opacity=50);width:4rem;height:1.5rem;background:#fff;margin:0 1rem;cursor:pointer;transition:1s;font-size:12.8px;font-size:.8rem}.projects__images__description__links button:hover{opacity:1;filter:alpha(opacity=100)}.projects__buttons{display:flex;border-radius:1rem;z-index:10}.projects__buttons button{margin:-.2rem 1rem;padding:.5rem 1rem;font-size:.8rem;cursor:pointer;border-radius:50%}.projects__buttons--active{transition:2s;background:#572eb9;font-size:16px;font-size:1rem;color:#fff;font-weight:600}.projects__buttons .back{font-size:12.8px;font-size:.8rem}.projects__buttons .back:hover{opacity:.5;filter:alpha(opacity=50)}.projects__buttons__big,.projects__buttons__small{background:#8b8b8b;border-radius:50%;margin:0 1rem}.projects__buttons__big{width:2rem;height:2rem}.projects__buttons__small{width:1rem;height:1rem;margin:.5rem}.projects__buttons i{font-size:32px;font-size:2rem;color:#572eb9;cursor:pointer;transition:1s}.projects__buttons i:hover{opacity:.5;filter:alpha(opacity=50)}.show--page{-webkit-animation:fadeIn .7s ease;animation:fadeIn .7s ease}.hide--page{-webkit-animation:fadeOut .7s ease;animation:fadeOut .7s ease}@-webkit-keyframes slide-from-top{0%{transform:translateY(-60rem)}to{transform:translateY(10rem)}}@keyframes slide-from-top{0%{transform:translateY(-60rem)}to{transform:translateY(10rem)}}@-webkit-keyframes slide-to-top{0%{transform:translateY(10rem)}to{transform:translateY(-60rem)}}@keyframes slide-to-top{0%{transform:translateY(10rem)}to{transform:translateY(-60rem)}}.about__title{width:50%;z-index:11}@media (max-width:767px){.about__title{width:60%}}.about__title__image{z-index:11}.about__title__image__shape{z-index:11;position:absolute;top:10%;right:20%;width:15%;height:20rem;transform:skew(20deg)}@media (max-width:767px){.about__title__image__shape{width:20%;height:15%;top:5%;right:10%}}.about__title__image .first{background:#4a53d8;-webkit-filter:drop-shadow(16px 16px 20px #4a53d8);filter:drop-shadow(16px 16px 20px #4A53D8)}.about__title__image .second{transform:skew(20deg) rotate(10deg);background:#6e93e8}.about__title__image .third{transform:skew(20deg) rotate(20deg);background:#86c3ed}.about__title__image img{position:absolute}.about__title__image img:first-of-type{top:30%;right:25%;z-index:20;width:17%}@media (max-width:767px){.about__title__image img:first-of-type{top:16%;right:18%;width:25%}}.about__title__image img:last-of-type{top:12%;right:22%;width:12%;z-index:15}@media (max-width:767px){.about__title__image img:last-of-type{width:17%;top:8%;right:15%}}.about__title__name{display:flex;flex-direction:column;flex-wrap:wrap}.about__title__name h1,.about__title__name h2,.about__title__name p{-webkit-animation:typing 5s steps(60);animation:typing 5s steps(60);white-space:nowrap;overflow:hidden;text-align:left}.about__title__name h1{font-family:"Charmonman",cursive;padding:1rem 0}.about__title__name h2{font-family:"Ribeye Marrow",cursive}@media (max-width:767px){.about__title__name h2{font-size:32px;font-size:2rem}}.about__title__name p{word-spacing:.3rem;font-size:24px;font-size:1.5rem;font-family:"Lato",sans-serif;margin:2rem 0;width:40rem}@media (max-width:767px){.about__title__name p{width:100%;margin:.2rem}}.about__description{z-index:11;display:flex;flex-direction:column;justify-content:center;align-content:center;width:50%;margin:2rem 0}@media (max-width:767px){.about__description{line-height:1.5rem;width:60%;margin:.5rem 0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}.contact{position:absolute;z-index:12}.contact__circles{display:flex;flex-direction:column;justify-content:center;align-content:center;position:relative;cursor:pointer}.contact__circles__main,.contact__circles__single{font-size:24px;font-size:1.5rem;width:4rem;height:4rem;cursor:pointer;margin-left:3rem;margin-top:3rem;border-radius:50%;transition:transform 1s ease-out,opacity 1s ease-out,color 1s ease-out;position:absolute;top:0;left:0;opacity:.8;filter:alpha(opacity=80);color:transparent}.contact__circles__main i,.contact__circles__single i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact__circles .home{background-color:#572eb9;transform:translate(40%,25%);z-index:4;transition:.3s}.contact__circles .linkedin{background-color:#4a53d8;transform:translateY(-40%);z-index:3;transition:.6s}.contact__circles .facebook{background-color:#6e93e8;transform:translate(40%,-10%);z-index:2;transition:.9s}.contact__circles .github{background-color:#86c3ed;transform:translate(-10%,30%);z-index:1;transition:1.2s}.contact__circles .email{background-color:#a7f1e1;transform:translate(-30%);z-index:-1;transition:1.5s}.contact__circles .instagram{background-color:#c4ffda;transform:translate(-40%,-30%);z-index:-2;transition:1.8s}.show--navigation i{transition:1s;color:#fff;text-shadow:2px 2px 0 #272727}.show--navigation .email:hover,.show--navigation .facebook:hover,.show--navigation .github:hover,.show--navigation .home:hover,.show--navigation .instagram:hover,.show--navigation .linkedin:hover{transition:1s;opacity:1;filter:alpha(opacity=100)}.show--navigation .home{transition:1s;transform:translate(0) scale(1.2)}.show--navigation .linkedin{transform:translateY(80%)}.show--navigation .facebook{transform:translateY(160%)}.show--navigation .github{transform:translateY(240%)}.show--navigation .email{transform:translateY(320%)}.show--navigation .instagram{transform:translateY(400%)}.hide--navigation i{transition:1s;color:transparent}.language{position:absolute;right:0;z-index:20;text-align:right;margin:1rem}.language img{width:4%;margin:0 .5rem;cursor:pointer;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:1s}.language input{visibility:hidden}.language input:checked+img{-webkit-filter:grayscale(0);filter:grayscale(0)}
/*# sourceMappingURL=main.53a2c419.chunk.css.map */