@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}body{background-attachment:fixed;background-color:#000415;background-position:50%;background-repeat:no-repeat;background-size:150%;height:100vh;overflow:hidden;position:sticky;top:0}section{position:fixed;z-index:1}svg#JhowArenasLogo{color:#fff;height:100px;max-height:100px;max-width:100px;width:100px}svg#JhowArenasLogo *{fill:#a2ee8d}.navbar{display:flex}.navbar li{list-style:none;margin:0 10px}.navbar li.active a{color:#a2ee8d}.navbar li.active a:after{background-color:#a2ee8d;width:100%}.navbar li a{color:#fff;font-family:Caveat,sans-serif;font-size:28px;position:relative;text-decoration:none}.navbar li a:after{background:#fff;bottom:-1px;content:"";height:2px;left:0;position:absolute;transition:width 1s ease-in-out;width:0}.navbar li a:hover{animation:colorFade 5s ease-in-out infinite}.navbar li a:hover:after{animation:bgFade 5s ease-in-out infinite;width:100%}.header{left:0;padding:5px 0 0;position:fixed;right:0;top:0;z-index:10}.header__nav{align-items:center;align-self:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 30px;width:100%}@media screen and (max-width:768px){.header__nav{flex-direction:column;justify-content:space-around;row-gap:10px}}.header__nav #JhowArenasLogo{align-items:flex-end;display:flex;max-height:70px;max-width:70px}.header__nav #JhowArenasLogo:hover #LetterTContent{animation:comeBackLeft 1s linear}.header__nav #JhowArenasLogo:hover #LetterTContent #LetterT{animation:fillFade 5s linear infinite}.header__nav #JhowArenasLogo:hover #LetterJContent{animation:bouncing 1s linear}.header__nav #JhowArenasLogo:hover #LetterJContent #LetterJ{animation:fillFade 5s linear infinite}.header__nav #JhowArenasLogo:hover #LetterAContent{animation:comeBackRight 1s linear}.header__nav #JhowArenasLogo:hover #LetterAContent #LetterA{animation:fillFade 5s linear infinite}.languages__list{display:flex;gap:5px;list-style:none}@media screen and (max-width:330px){.languages__list{flex-direction:column}}.languages__list--item{box-shadow:none;color:#fff;cursor:pointer;font-family:Satisfy,sans-serif;font-size:28px;font-weight:600;line-height:28px;padding:5px}.languages__list--item:hover{animation:colorFade 1s ease-in-out infinite,shadowRotate 1s ease-in-out infinite}.languages__list--item.active{color:#a2ee8d}.links__list{display:flex;gap:5px;list-style:none}.links__list--item{align-items:center;box-shadow:none;display:flex;padding:2px}.links__list--item:hover{animation:shadowRotate 1s ease-in-out infinite}.links__list--item:hover svg path{animation:fillFade 1s ease-in-out infinite}.links__list--item.active{color:#a2ee8d}.links__list--item a{align-items:center;display:flex}.links__list--item a svg{max-height:30px;max-width:30px}.links__list--item a svg#github-logo{max-height:32px;max-width:40px}.links__list--item a svg path{fill:#fff}footer.footer{align-items:flex-end;bottom:0;display:flex;justify-content:space-between;left:0;margin:0 auto;max-width:1200px;padding:20px 30px;position:fixed;right:0;width:100%;z-index:2}@media screen and (max-width:768px){footer.footer{padding:10px}}.intro{max-height:0;padding:0;position:relative;transform:scale(0);transition:all .5s ease-in-out}.intro.active{max-height:100vh;min-height:100vh;min-width:100vw;transform:scale(1);transition:all 1s ease-in-out}.intro__header{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;max-width:1200px;overflow:hidden;position:relative;width:100vw;z-index:2}.intro__header h1{color:#fff;font-family:Satisfy,sans-serif;font-size:70px;max-width:70vw;padding:1vw;text-align:center}@media screen and (max-width:488px){.intro__header h1{font-size:35px}}.intro__header h2{color:#fff;font-family:Caveat,sans-serif;font-size:40px;max-width:70vw;padding:1vw;text-align:center}@media screen and (max-width:488px){.intro__header h2{font-size:25px}}.intro__header p{color:#fff;font-family:Caveat,sans-serif;font-size:20px;max-width:250px;text-align:center}.intro__header:after,.intro__header:before{animation:rotateLeft 40s ease-in-out infinite;box-shadow:0 0 0 1px #fff;content:"";height:70vw;max-height:70vh;max-width:70vh;position:absolute;transform:rotate(-90deg);width:70vw;z-index:-1}@media screen and (max-width:488px){.intro__header:after,.intro__header:before{height:90vw;max-height:90vh;max-width:90vh;width:90vw}}.intro__header:before{animation:rotateRight 40s ease-in-out infinite;transform:rotate(90deg)}.intro__header:hover h1,.intro__header:hover h2{animation:colorFade 5s ease-in-out infinite}.intro__header:hover:after{animation:boxShadowFade 5s ease-in-out infinite,rotateLeft 40s ease-in-out infinite}.intro__header:hover:before{animation:boxShadowFade 5s ease-in-out infinite,rotateRight 40s ease-in-out infinite}.about{align-content:stretch;bottom:0;display:flex;justify-content:center;left:auto;margin:0;max-width:100vw;opacity:0;padding:110px 0;right:-50vw;top:0;transform:scale(0);transition:all .6s ease-in-out;visibility:hidden}@media screen and (max-width:768px){.about{transform:scale(0) rotate(100deg)}}.about.active{max-height:100vh;min-height:100vh;min-width:100vw;opacity:1;right:0;transform:scale(1);transition:all 1s ease-in-out;visibility:visible}@media screen and (max-width:768px){.about.active{transform:scale(1) rotate(0)}}.about__container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:0 30px;max-width:1140px;padding:20px;width:100%}@media screen and (max-width:768px){.about__container{padding:10px}}.about__content{max-width:100%}.about__content h2{color:#a2ee8d;font-family:Satisfy,sans-serif;font-size:50px;position:relative;text-transform:uppercase}@media screen and (max-width:488px){.about__content h2{font-size:30px}}@media screen and (max-width:320px){.about__content h2{font-size:20px}}.about__content h2 svg{margin:0 0 0 10px;max-height:20px;max-width:20px}.about__content h2 svg path{fill:#a2ee8d!important}.about__content h2:hover span{opacity:1;top:100%;visibility:inherit}.about__content h2 span{background-color:#a2ee8d;border:1px solid #52c234;box-shadow:0 0 15px 0 #52c234;color:#000;font-size:12px;left:0;opacity:0;padding:10px 8px;position:absolute;top:150%;transition:all .4s ease-in-out;visibility:hidden;width:100%}.about__content h2 span:after{border-bottom:10px solid #52c234;border-left:10px solid #0000;border-right:10px solid #0000;content:"";height:0;left:10px;position:absolute;top:-10px;width:0}.about__content p{color:#fff;font-size:20px;font-weight:400;margin:10px 0}@media screen and (max-width:488px){.about__content p{font-size:16px}}@media screen and (max-width:320px){.about__content p{font-size:13px}}.about blockquote{border-left:4px solid #a2ee8d;color:#a2ee8d;font-size:18px;font-style:italic;font-weight:400;margin:20px 0 0;padding:0 0 0 15px;width:100%}@media screen and (max-width:488px){.about blockquote{font-size:13px}}@media screen and (max-width:320px){.about blockquote{display:none}}.company{display:flex;flex-direction:column;width:100%}.company__title{color:#a2ee8d;font-size:28px;margin:0 0 5px}@media screen and (max-width:330px){.company__title{font-size:22px}}.company__time{color:#f2c17b;font-size:15px;font-weight:600;margin:0 0 5px}@media screen and (max-width:330px){.company__time{font-size:13}}.company__positions{padding:0 0 0 35px}.company__positions--item{color:#f2c17b;list-style-position:outside;list-style-type:disclosure-closed}.company__positions--item .position__name{color:#fff}@media screen and (max-width:330px){.company__positions--item .position__name{font-size:12px}}.company__positions--item .position__desc{color:#fff;height:0;overflow:hidden;transition:all 1s ease-in-out;visibility:hidden}@keyframes colorFade{0%{color:#a2ee8d}25%{color:#f2c17b}50%{color:#d2c2ed}75%{color:#f2c17b}to{color:#a2ee8d}}@keyframes fillFade{0%{fill:#a2ee8d}25%{fill:#f2c17b}50%{fill:#d2c2ed}75%{fill:#f2c17b}to{fill:#a2ee8d}}@keyframes bgFade{0%{background:#a2ee8d}25%{background:#f2c17b}50%{background:#d2c2ed}75%{background:#f2c17b}to{background:#a2ee8d}}@keyframes comeBack{0%{transform:scale(.1)}to{transform:scale(1)}}@keyframes comeBackLeft{0%{transform:translateX(-1000px)}to{transform:translateX(0)}}@keyframes comeBackRight{0%{transform:translateX(1000px)}to{transform:translateX(0)}}@keyframes pulse{0%{transform:scale(.9)}25%{transform:scale(.7)}50%{transform:scale(.9)}75%{transform:scale(.7)}to{transform:scale(1)}}@keyframes bouncing{0%{transform:scaleY(0)}25%{transform:scaleY(.7)}50%{transform:scaleY(.6)}75%{transform:scaleY(.8)}to{transform:scaleY(1)}}@keyframes boxShadowFade{0%{box-shadow:0 0 0 .1vw #a2ee8d}25%{box-shadow:0 0 0 .4vw #f2c17b}50%{box-shadow:0 0 0 .1vw #d2c2ed}75%{box-shadow:0 0 0 .4vw #f2c17b}to{box-shadow:0 0 0 .1vw #a2ee8d}}@keyframes rotateLeft{0%{transform:rotate(-90deg)}50%{transform:rotate(-1turn)}to{transform:rotate(-90deg)}}@keyframes rotateRight{0%{transform:rotate(90deg)}50%{transform:rotate(1turn)}to{transform:rotate(90deg)}}@keyframes shadowRotate{0%{box-shadow:0 2px 0 .5px #a2ee8d}25%{box-shadow:2px 0 0 .5px #f2c17b}50%{box-shadow:0 -2px 0 .5px #d2c2ed}75%{box-shadow:-2px 0 0 .5px #f2c17b}to{box-shadow:0 2px 0 .5px #a2ee8d}}@keyframes flow{0%{background-position:0 50%}50%{background-position:50% 100%}to{background-position:0 50%}}.experience{align-content:stretch;bottom:0;display:flex;justify-content:center;left:-50vw;margin:0;max-width:100vw;opacity:0;padding:110px 0;right:auto;top:0;transform:scale(0);transition:all .6s ease-in-out;visibility:hidden}@media screen and (max-width:768px){.experience{transform:scale(0) rotate(-100deg)}}.experience.active{left:0;max-height:100vh;min-height:100vh;min-width:100vw;opacity:1;transform:scale(1);transition:all 1s ease-in-out;visibility:visible}@media screen and (max-width:768px){.experience.active{transform:scale(1) rotate(0)}}.experience__container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:0 30px;max-width:1140px;padding:20px;width:100%}@media screen and (max-width:768px){.experience__container{padding:10px}}
/*# sourceMappingURL=main.b6b8c9db.css.map*/