@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Raleway&display=swap");@import url("https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap");html{background:#212224;color:#fff;font-family:Raleway,sans-serif;font-size:1rem;font-weight:400;overflow:hidden}body,html{height:100%}img{border-radius:15px}h1{font-size:2rem;font-weight:600;line-height:2rem}h3{margin:.2rem 0 .7rem}p{word-spacing:.1rem}a{color:#af59d0;text-decoration:none}a:hover{color:#fff}.highlight-title{color:#af00ee;text-shadow:.25rem .25rem .25rem #8900b8}.highlight-link{-webkit-box-shadow:inset 0 -.125rem 0 #af59d0;box-shadow:inset 0 -.125rem 0 #af59d0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#af59d0;display:inline-block;padding:.125rem;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.highlight-link:hover{-webkit-box-shadow:inset 0 -2rem 0 0 #af59d0;box-shadow:inset 0 -2rem 0 0 #af59d0;color:#fff}.layout{margin:.5rem;max-width:75em;padding:.5rem}.layout .card{background:-o-linear-gradient(305deg,hsla(0,0%,45%,.15) 15%,#2b2d2f 80%);background:linear-gradient(145deg,hsla(0,0%,45%,.15) 15%,#2b2d2f 80%);border-radius:2rem;margin:3rem 0;padding:1rem 2rem}.layout .card .title{position:relative;text-align:center}.layout .card .subtitle{text-align:center}.layout .card .description{text-align:justify}.neumorphism-button{background:-o-linear-gradient(305deg,hsla(240,2%,40%,.15) 15%,rgba(33,33,33,.4) 80%);background:linear-gradient(145deg,hsla(240,2%,40%,.15) 15%,rgba(33,33,33,.4) 80%);-webkit-box-shadow:-4px -3px 2px 0 hsla(0,0%,98%,.13),4px 4px 2px 0 rgba(0,0,0,.4);box-shadow:-4px -3px 2px 0 hsla(0,0%,98%,.13),4px 4px 2px 0 rgba(0,0,0,.4)}.neumorphism-card{-webkit-box-shadow:inset 2px 2px 4px #000,inset -2px -2px 4px #636363;box-shadow:inset 2px 2px 4px #000,inset -2px -2px 4px #636363}.neumorphism-card-big{-webkit-box-shadow:5px 5px 4px #161718,-5px -5px 4px #404346;box-shadow:5px 5px 4px #161718,-5px -5px 4px #404346}.neumorphism-card-time{-webkit-box-shadow:inset 2px 2px 4px #636363,inset -2px -2px 4px #000;box-shadow:inset 2px 2px 4px #636363,inset -2px -2px 4px #000}#preloader{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#212224;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;left:0;margin:.5rem;padding:.5rem;position:absolute;right:0;z-index:999}#preloader .load{height:6rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:6rem}#preloader .load hr{-webkit-animation:spin 2s ease infinite;animation:spin 2s ease infinite;border:0;height:40%;margin:0;position:absolute;width:40%}#preloader .load :first-child{-webkit-animation-delay:-1.5s;animation-delay:-1.5s;background:#fff}#preloader .load :nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s;background:#af59d0}#preloader .load :nth-child(3){-webkit-animation-delay:-.5s;animation-delay:-.5s;background:#fff}#preloader .load :last-child{background:#af59d0}@-webkit-keyframes spin{0%,to{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(160%);transform:translate(160%)}50%{-webkit-transform:translate(160%,160%);transform:translate(160%,160%)}75%{-webkit-transform:translateY(160%);transform:translateY(160%)}}@keyframes spin{0%,to{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(160%);transform:translate(160%)}50%{-webkit-transform:translate(160%,160%);transform:translate(160%,160%)}75%{-webkit-transform:translateY(160%);transform:translateY(160%)}}.footer{background:#212224;color:#fff;margin:.5rem;padding:1rem;text-align:center}.footer a{color:#af59d0}#landing,.footer a:focus,.footer a:hover{background:#212224;color:#fff}#landing{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;text-align:center}#landing,.landing-title{margin:.5rem;padding:.5rem}.landing-title{left:0;position:absolute;right:0;top:40%}.scroll-down{color:#fff;font-size:1.5rem;height:3rem;line-height:3rem;margin:.25rem;position:relative;top:0;width:100%}.scroll-down .arrow{fill:#fff}.landing-icons{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.landing-icons .social-link{color:#fff;height:3rem;line-height:3rem;margin:.25rem;position:relative;width:3rem}.landing-icons .social-link .circle{fill:none;stroke-dasharray:40;-webkit-animation:outWaveOut 1s ease-in-out forwards;animation:outWaveOut 1s ease-in-out forwards;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.landing-icons .social-link .social{font-size:1.5rem;position:absolute;top:0;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.landing-icons .social-link .social-svg{fill:#fff}.landing-icons .social-link .label{display:none}.landing-icons .social-link:hover{cursor:pointer}.landing-icons .social-link:hover .circle{fill:#fff;fill-opacity:1;-webkit-animation:outWaveIn 1s ease-in-out forwards,colorBlackIcon 1s linear forwards;animation:outWaveIn 1s ease-in-out forwards,colorBlackIcon 1s linear forwards}.landing-icons .social-link:hover .social-svg{fill:#000}.landing-icons .social-link:hover .label{display:unset!important;position:relative;top:-2rem}.landing-icons .email:hover .circle{-webkit-animation:outWaveIn 1s ease-in-out forwards,colorEmail 1s linear forwards;animation:outWaveIn 1s ease-in-out forwards,colorEmail 1s linear forwards}.landing-icons .email:hover .social-svg{fill:#d44638}.landing-icons .cv:hover .circle{-webkit-animation:outWaveIn 1s ease-in-out forwards,colorCV 1s linear forwards;animation:outWaveIn 1s ease-in-out forwards,colorCV 1s linear forwards}.landing-icons .cv:hover .social-svg{fill:#088a66}.landing-icons .cv:hover .label{top:1rem}.landing-icons .linkedin:hover .circle{-webkit-animation:outWaveIn 1s ease-in-out forwards,colorLinkedin 1s linear forwards;animation:outWaveIn 1s ease-in-out forwards,colorLinkedin 1s linear forwards}.landing-icons .linkedin:hover .social-svg{fill:#007bb6}.landing-icons .twitter:hover .circle{-webkit-animation:outWaveIn 1s ease-in-out forwards,colorTwitter 1s linear forwards;animation:outWaveIn 1s ease-in-out forwards,colorTwitter 1s linear forwards}.landing-icons .twitter:hover .social-svg{fill:#1da1f2}.landing-icons .GSc:hover .circle{-webkit-animation:outWaveIn 1s ease-in-out forwards,colorGSc 1s linear forwards;animation:outWaveIn 1s ease-in-out forwards,colorGSc 1s linear forwards}.landing-icons .GSc:hover .social-svg{fill:#4286f5}.landing-icons .GSc:hover .label{top:1rem}@-webkit-keyframes outWaveIn{to{stroke-dasharray:510;stroke-width:.5rem}}@keyframes outWaveIn{to{stroke-dasharray:510;stroke-width:.5rem}}@-webkit-keyframes outWaveOut{0%{stroke:#fff;stroke-dasharray:510;stroke-width:.5rem}to{stroke:#fff;stroke-dasharray:83;stroke-width:.5rem}}@keyframes outWaveOut{0%{stroke:#fff;stroke-dasharray:510;stroke-width:.5rem}to{stroke:#fff;stroke-dasharray:83;stroke-width:.5rem}}@-webkit-keyframes colorBlackIcon{to{stroke:#000}}@keyframes colorBlackIcon{to{stroke:#000}}@-webkit-keyframes colorEmail{to{stroke:#b23121}}@keyframes colorEmail{to{stroke:#b23121}}@-webkit-keyframes colorLinkedin{to{stroke:#007bb6}}@keyframes colorLinkedin{to{stroke:#007bb6}}@-webkit-keyframes colorGSc{to{stroke:#4286f5}}@keyframes colorGSc{to{stroke:#4286f5}}@-webkit-keyframes colorTwitter{to{stroke:#1da1f2}}@keyframes colorTwitter{to{stroke:#1da1f2}}@-webkit-keyframes colorCV{to{stroke:#088a66}}@keyframes colorCV{to{stroke:#088a66}}#skills{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center}#skills div{padding:.2rem;-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}#skills div[skill-type=language]{color:#06510b}#skills div[skill-type=framework]{color:#ff847c}#skills div[skill-type=tool]{color:#7b85b6}#skills div[skill-weight="1"]{font-size:.75rem;line-height:.25rem}#skills div[skill-weight="2"]{font-size:1.25rem;line-height:.75rem}#skills div[skill-weight="3"]{font-size:1.75rem;line-height:1.25rem}#skills div[skill-weight="4"]{font-size:2.25rem;line-height:1.75rem}#skills div[skill-weight="5"]{font-size:2.75rem;line-height:2.25rem}#skills .filter-button,#skills input[type=radio]{display:none}.timeline-wrapper .timeline{list-style-type:none;padding:0;position:relative}.timeline-wrapper .timeline:before{background:-webkit-gradient(linear,left top,left bottom,from(#f3f3f3),color-stop(8%,#d5d5d5),color-stop(92%,#d5d5d5),to(#f3f3f3));background:-o-linear-gradient(top,#f3f3f3 0,#d5d5d5 8%,#d5d5d5 92%,#f3f3f3 100%);background:linear-gradient(180deg,#f3f3f3 0,#d5d5d5 8%,#d5d5d5 92%,#f3f3f3);content:" ";height:100%;left:50%;margin-left:-.0675rem;position:absolute;width:.125rem;z-index:-1}.timeline-wrapper .timeline li{padding:1rem 0}.timeline-wrapper .hexagon{background:#af59d0;height:.5rem;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;top:-.8rem;width:1rem}.timeline-wrapper .hexagon:after,.timeline-wrapper .hexagon:before{border-left:.5rem solid transparent;border-right:.5rem solid transparent;content:"";left:0;position:absolute}.timeline-wrapper .hexagon:before{border-bottom:.25rem solid #af59d0;top:-.25rem}.timeline-wrapper .hexagon:after{border-top:.25rem solid #af59d0;bottom:-.25rem}.timeline-wrapper .flag-wrapper{position:relative;text-align:center}.timeline-wrapper .flag{background:#212224;border-radius:.5rem;font-weight:600;padding:.25rem .5rem}.timeline-wrapper .flag span{font-size:1rem;position:relative}.timeline-wrapper .flag span,.timeline-wrapper .flag span:after{color:#af59d0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.timeline-wrapper .flag span:after{content:"≫";opacity:0;position:absolute;right:-1rem}.timeline-wrapper .flag:hover span{letter-spacing:.05rem;padding-right:1.25rem}.timeline-wrapper .flag:hover span:after{opacity:1;right:0}.timeline-wrapper .time-wrapper{color:#fff;display:block;line-height:.5rem;margin-top:.3rem}.timeline-wrapper .time-wrapper span{font-size:1rem}.timeline-wrapper .time{background:#212224;border-radius:.5rem;display:inline-block;padding:.6rem}.timeline-wrapper .desc{background:#212224;border-radius:1rem;margin:0;padding:.75em;text-align:center}.project{border-radius:1rem;margin:.5rem 0;padding:.5rem 1rem}.project .name-link-wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.project .name-link-wrapper .links{font-size:1.7rem;margin:.3rem .2rem}.project-auth{font-size:.7rem;line-height:1rem;margin:.2rem auto}.project-desc{float:left;line-height:1rem;margin:.1rem auto}.project-desc-date{float:right;line-height:1rem;margin-left:auto;margin-right:0}.project-stars-forks{fill:#fff;font-family:Josefin Sans,sans-serif}.h3{margin:.3rem auto}.tag-wrapper{margin:1rem 0 0}.tag{border-radius:.5rem;display:inline-block;margin-bottom:.25rem;padding:.5rem}.contact-icons{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.contact-icons .social-link{height:3rem;line-height:3rem;margin:.25rem;position:relative;text-align:center;width:3rem}.contact-icons .social-link .social{font-size:1.5rem}.contact-icons .social-link .social-svg{fill:#af59d0}.contact-icons .social-link:hover{-webkit-animation:jump 1s infinite alternate;animation:jump 1s infinite alternate;cursor:pointer}.contact-icons .social-link:hover .social-svg{fill:#fff}.contact-icons .black:hover .social-svg{fill:#000}.contact-icons .linkedin:hover .social-svg{fill:#007bb6}.contact-icons .twitter:hover .social-svg{fill:#1da1f2}@media only screen and (max-width:48em){.landing-title h1{font-size:2.5rem}.profile .pic{height:auto;width:100%}.timeline-wrapper .direction-r{float:none;text-align:center;width:14rem}.timeline-wrapper .direction-r .desc{text-align:center}.timeline-wrapper .direction-l{float:none;text-align:center;width:14rem}.timeline-wrapper .direction-l .desc{text-align:center}}@media only screen and (min-width:48em){.layout{margin:.5rem auto;padding:2rem}.layout .card .description,.layout .card .subtitle{font-size:1.25rem}.landing-title h1{font-size:3em}.landing-icons .social-link{height:4rem;line-height:4rem;width:4rem}.landing-icons .social-link .social{font-size:2rem}.profile .pic{height:auto;width:70%}#skills div[skill-weight="1"]{font-size:1rem;line-height:0rem}#skills div[skill-weight="2"]{font-size:2rem;line-height:1rem}#skills div[skill-weight="3"]{font-size:3rem;line-height:2rem}#skills div[skill-weight="4"]{font-size:4rem;line-height:3rem}#skills div[skill-weight="5"]{font-size:5rem;line-height:4rem}#skills .filter-button{border-radius:.5rem;cursor:pointer;display:unset;margin:0 .5rem 1rem;padding:.5rem .25rem;text-align:center;width:31%}#skills .filter-button:hover{letter-spacing:.25rem}#skills input[type=radio]:checked+.filter-button{background:-o-linear-gradient(300deg,hsla(0,0%,8%,.4) 10%,hsla(0,0%,45%,.15) 80%);background:linear-gradient(150deg,hsla(0,0%,8%,.4) 10%,hsla(0,0%,45%,.15) 80%);-webkit-box-shadow:1px 1px 2px 0 hsla(0,0%,82%,.4),-1px -1px 2px rgba(0,0,0,.4),inset 3px 3px 2px 0 rgba(0,0,0,.4),inset -1px -2px 2px hsla(0,0%,82%,.4);box-shadow:1px 1px 2px 0 hsla(0,0%,82%,.4),-1px -1px 2px rgba(0,0,0,.4),inset 3px 3px 2px 0 rgba(0,0,0,.4),inset -1px -2px 2px hsla(0,0%,82%,.4);color:#af59d0;font-weight:600}#skills input[id=framework]:checked~div[skill-type=language],#skills input[id=framework]:checked~div[skill-type=tool],#skills input[id=language]:checked~div[skill-type=framework],#skills input[id=language]:checked~div[skill-type=tool],#skills input[id=tool]:checked~div[skill-type=framework],#skills input[id=tool]:checked~div[skill-type=language]{height:0;margin:0;opacity:0;padding:0;width:0}.timeline-wrapper .timeline{margin:0 auto;width:39.25rem}.timeline-wrapper .timeline li:after{clear:both;content:"";display:block}.timeline-wrapper .direction-l{float:left;text-align:right;width:18.5rem}.timeline-wrapper .direction-l .hexagon{left:auto;right:-1.6rem;top:-.5rem}.timeline-wrapper .direction-l .flag-wrapper{display:inline-block;text-align:right}.timeline-wrapper .direction-l .time-wrapper{float:left;margin-top:-.1rem}.timeline-wrapper .direction-l .desc{text-align:right}.timeline-wrapper .direction-r{float:right;text-align:left;width:18.5rem}.timeline-wrapper .direction-r .hexagon{left:-1.6rem;right:auto;top:-.5rem}.timeline-wrapper .direction-r .flag-wrapper{display:inline-block;text-align:left}.timeline-wrapper .direction-r .time-wrapper{float:right;margin-top:-.1rem}.timeline-wrapper .direction-r .desc{text-align:left}.projects-wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.projects-wrapper>*{width:94%}.contact-icons .social-link{height:4rem;line-height:4rem;width:4rem}.contact-icons .social-link .social{font-size:2rem}.img{margin-right:100%}}@media only screen and (min-width:62em){.layout{padding:3rem}.layout .card{padding:1rem 3rem}.profile .pic{height:auto;width:30%}#skills .filter-button{width:31.5%}.timeline-wrapper .timeline{width:49rem}.timeline-wrapper .direction-l,.timeline-wrapper .direction-r{width:23.35rem}.projects-wrapper>*{width:95%}}@media only screen and (min-width:75em){.layout{padding:5rem}.profile .pic{height:320px;width:auto}#skills .filter-button{width:31%}.timeline-wrapper .timeline{width:58rem}.timeline-wrapper .direction-l,.timeline-wrapper .direction-r{width:27.9rem}.projects-wrapper>*{width:96%}}@-webkit-keyframes jump{0%{bottom:0}50%{bottom:.5rem}to{bottom:0}}@keyframes jump{0%{bottom:0}50%{bottom:.5rem}to{bottom:0}}