@import url(https://fonts.googleapis.com/css?family=Sora:400,600&display=swap);:after,:before{box-sizing:border-box}nav .menu{position:fixed;left:-100px;top:-100px;z-index:35;width:200px;height:200px;background:var(--details);border-radius:50%;box-shadow:0 0 0 0 var(--details),0 0 0 0 var(--details);cursor:pointer}nav .hamburger,nav .menu{transition:.5s ease-in-out}nav .hamburger{position:absolute;left:120px;top:132px;width:40px;height:2px;background-color:var(--main_light);display:block;transform-origin:center;box-shadow:0 0 10px var(--neon)}nav .menu:hover .hamburger,nav .menu:hover .hamburger:after,nav .menu:hover .hamburger:before{background-color:var(--neon)}.hamburger:after,.hamburger:before{content:"";position:absolute;display:block;width:100%;height:100%;background-color:var(--main_light);box-shadow:0 0 10px var(--neon);transition:.5s ease-in-out}.hamburger:before{top:-10px}.hamburger:after{bottom:-10px}.nav_input{display:none}.nav_input:checked+.menu{box-shadow:0 0 0 100vw var(--details),0 0 0 100vh var(--details);border-radius:0}.nav_input:checked+.menu .hamburger{transform:rotate(45deg)}.nav_input:checked+.menu .hamburger:after{transform:rotate(90deg);bottom:0}.nav_input:checked+.menu .hamburger:before{transform:rotate(90deg);top:0}.nav_input:checked+.menu+ul{opacity:1;transform:translate(-50%,-50%)}nav ul{z-index:40;position:fixed;top:50%;left:50%;transform:translate(-50%,-400%);opacity:1;transition:.25s ease-in-out 0s}nav ul li{text-align:center}nav .link{display:block;color:var(--main_light);font-size:3rem;text-shadow:0 0 10px var(--neon);margin:.5rem 0;transition:.4s}nav .link:hover{color:var(--neon)}@media (max-width:500px){nav .link{font-size:2em}nav .hamburger{position:absolute;left:123px;top:130px;width:30px}}@media (max-width:830px) and (orientation:landscape){nav .link{font-size:2em}}.social_box{width:100px;position:fixed;transform:translateY(-50%);top:50%;z-index:30}.social_box a{display:block;width:50%;height:auto;margin:20px auto;border-radius:50%;transition:.5s}.social-icon circle,.social-icon path{fill:var(--details);transition:.5s}.social_box a:hover{transform:scale(1.05)}.social_box a:hover circle,.social_box a:hover path{fill:var(--main_light)}.social-icon polygon{fill:var(--main_dark)}@media (max-width:500px),(max-width:830px) and (orientation:landscape){.social_box{position:absolute;width:150px;transform:translateY(0);top:0;left:calc(100vw - 150px);text-align:right;padding:15px}.social_box a{display:inline-block;width:40%;margin:5px}}@-webkit-keyframes name{to{stroke-dashoffset:0}}@keyframes name{to{stroke-dashoffset:0}}@-webkit-keyframes letters{to{top:0;opacity:1}}@keyframes letters{to{top:0;opacity:1}}@-webkit-keyframes sphere1{70%{transform:translate(70vw) scale(1.5)}to{transform:translate(110vw) scale(1)}}@keyframes sphere1{70%{transform:translate(70vw) scale(1.5)}to{transform:translate(110vw) scale(1)}}@-webkit-keyframes sphere_path1{50%{stroke:var(--neon)}to{transform:rotate(500deg);stroke:var(--main_light)}}@keyframes sphere_path1{50%{stroke:var(--neon)}to{transform:rotate(500deg);stroke:var(--main_light)}}@-webkit-keyframes sphere2{to{transform:translate(-110vw,-10vh)}}@keyframes sphere2{to{transform:translate(-110vw,-10vh)}}@-webkit-keyframes sphere_path2{50%{stroke:var(--details)}to{transform:rotate(-550deg);stroke:var(--main_light)}}@keyframes sphere_path2{50%{stroke:var(--details)}to{transform:rotate(-550deg);stroke:var(--main_light)}}.home .jello_title{position:relative;padding-left:5%;padding-top:12%}.home .jello_title h1 span{position:relative;transition:.4s;top:-2rem;opacity:0;-webkit-animation:letters 1s ease-in-out both;animation:letters 1s ease-in-out both;text-shadow:0 0 20px var(--details)}.home .jello_title h1 span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.home .jello_title h1 span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.home .jello_title h1 span:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.home .jello_title h1 span:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.home .jello_title h1 span:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.home .jello_title h1 span:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}.home .jello_title h1 span:nth-child(8){-webkit-animation-delay:.7s;animation-delay:.7s}.home .jello_title h1 span:nth-child(9){-webkit-animation-delay:.8s;animation-delay:.8s}.home .jello_title h1 span:nth-child(10){-webkit-animation-delay:.9s;animation-delay:.9s}.home .jello_title h1 span:nth-child(11){-webkit-animation-delay:1s;animation-delay:1s}.home .jello_title h1 span:nth-child(12){-webkit-animation-delay:1.1s;animation-delay:1.1s}.home .jello_title h1 span:hover{top:0;opacity:1}.myName{display:inline-block;height:9rem;width:auto;vertical-align:text-top}.name_path{fill:transparent;stroke-width:1px;stroke-dasharray:550;stroke-dashoffset:550;-webkit-animation:name 3.5s ease-in-out forwards;animation:name 3.5s ease-in-out forwards;transition:.5s}.sphere{height:auto;position:absolute;z-index:-10;transition:.5s}.sphere_path{stroke:var(--main_light);transform-origin:50% 50%;fill:none}.sphere1{width:10vw;left:-15%;top:70%;-webkit-box-reflect:below 0 linear-gradient(transparent 60%,var(--main_dark));-webkit-animation:sphere1 6s linear infinite both;animation:sphere1 6s linear infinite both;-webkit-animation-delay:3s;animation-delay:3s}.sphere_path1{-webkit-animation:sphere_path1 6s linear infinite both;animation:sphere_path1 6s linear infinite both;-webkit-animation-delay:3s;animation-delay:3s;stroke-width:2px}.sphere2{width:7vw;top:15%;left:100%;-webkit-animation:sphere2 5.5s linear infinite both;animation:sphere2 5.5s linear infinite both;-webkit-animation-delay:3.5s;animation-delay:3.5s;-webkit-box-reflect:below 0 linear-gradient(transparent 60%,var(--main_dark))}.sphere_path2{stroke-width:3px;-webkit-animation:sphere_path2 5.5s linear infinite both;animation:sphere_path2 5.5s linear infinite both;-webkit-animation-delay:3.5s;animation-delay:3.5s}@media (max-width:500px),(max-width:830px) and (orientation:landscape){.home .jello_title{padding-left:0;padding-right:5%;padding-top:30%;text-align:right}.home .jello_title p{font-size:.8rem;margin-top:10px}.home .button{margin-top:40px}.myName{height:6rem}.sphere1{width:15vw;top:80%;left:-17%}.sphere1,.sphere_path1{-webkit-animation-duration:4s;animation-duration:4s}.sphere2{width:20vw;top:20%}.sphere2,.sphere_path2{-webkit-animation-duration:3.5s;animation-duration:3.5s}}@-webkit-keyframes skills{0%{transform:perspective(1000px) rotateX(0deg) rotateY(40deg)}to{transform:perspective(1000px) rotateX(1turn) rotateY(40deg)}}@keyframes skills{0%{transform:perspective(1000px) rotateX(0deg) rotateY(40deg)}to{transform:perspective(1000px) rotateX(1turn) rotateY(40deg)}}@-webkit-keyframes show{to{opacity:1;top:0}}@keyframes show{to{opacity:1;top:0}}.about_me{padding-left:5%;padding-top:10%;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.about_me a{color:var(--main_light);text-shadow:0 0 5px var(--main_light);transition:.3s ease-in-out;border-bottom:1px solid transparent}.about_me a:hover{border-bottom:1px solid var(--neon)}.about_me p:hover .highlighted{color:var(--neon)}.show{opacity:0;position:relative;top:2em;-webkit-animation:show 1s ease-in-out forwards;animation:show 1s ease-in-out forwards}.show1{-webkit-animation-delay:.2s;animation-delay:.2s}.show2{-webkit-animation-delay:.4s;animation-delay:.4s}.show3{-webkit-animation-delay:.6s;animation-delay:.6s}.show4{-webkit-animation-delay:.8s;animation-delay:.8s}.skills{position:relative;top:20%;left:20%;width:15vw;height:7vw;transform-style:preserve-3d;-webkit-animation:skills 20s linear infinite;animation:skills 20s linear infinite}.skills_title{text-align:center;font-size:2em;text-shadow:0 0 20px var(--neon)}.imgBox1{--n:1}.imgBox2{--n:2}.imgBox3{--n:3}.imgBox4{--n:4}.imgBox5{--n:5}.imgBox6{--n:6}.imgBox7{--n:7}.imgBox8{--n:8}.imgBox{--t:15vw;position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:center;transform-style:preserve-3d;transform:rotateX(calc(var(--n)*45deg)) translateZ(var(--t))}.imgBox img{width:35%}.imgBox img:first-of-type{margin-right:25%}@media (max-width:700px),(max-width:830px) and (orientation:landscape){.about_me{grid-template-columns:1fr;grid-template-rows:450px}.about_me .jello_title p{padding-right:5%}}@media (max-width:500px),(max-width:830px) and (orientation:landscape){.about_me .jello_title{padding-left:0;padding-right:5%;padding-top:12%;text-align:right}.about_me .jello_title p{font-size:.8rem;padding-right:0}.skills{position:relative;top:0;left:45%;width:30vw}.skills_title{font-size:1em}.skills .imgBox{--t:20vw}}@media (max-width:830px) and (orientation:landscape){.about_me{grid-template-rows:370px}.skills .imgBox{--t:10vw}.about_me .jello_title{padding-top:4%}.skills{width:15vw;left:65%}}@media (max-width:800px) and (orientation:landscape){.skills .imgBox{--t:12vw}.skills{width:20vw}}@media (max-height:600px){.app .about_me{min-height:600px}}@media (max-height:350px){.app .about_me{min-height:700px}}@-webkit-keyframes flip-in{0%{transform:rotateX(-80deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes flip-in{0%{transform:rotateX(-80deg);opacity:0}to{transform:rotateX(0);opacity:1}}.app .portfolio{overflow:auto;padding:20px;text-align:center}.portfolio .jello_title{padding:0 0 20px}.projects_box{margin:30px 0 10px;display:flex;justify-content:center;flex-wrap:wrap}.project{transition:.4s ease;position:relative;width:20vw;min-width:300px;margin-bottom:15px;margin-right:15px}.project p{width:100%;height:100%;position:absolute;padding:20% 10px 10px;left:0;top:0;pointer-events:none;text-align:center;font-size:.9rem;opacity:0;transform:rotate3d(-1,1,0,80deg);transition:.5s cubic-bezier(.25,.46,.45,.94)}.project:hover p{opacity:1;background-color:rgba(94,45,150,.8);transform:rotate3d(1,1,0,0deg)}.project img{width:100%;height:auto;-webkit-animation:flip-in .6s cubic-bezier(.25,.46,.45,.94) both;animation:flip-in .6s cubic-bezier(.25,.46,.45,.94) both}.portfolio input{background-color:inherit;font-size:1rem;padding:5px;margin-left:10px;font-family:var(--main_font);color:var(--main_light)}.portfolio input,.portfolio input:focus{border:none;border-bottom:1px solid var(--neon)}.portfolio input:focus{outline:0}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:rgba(94,45,150,.5)}::-webkit-scrollbar-thumb{background:rgba(255,170,33,.3)}::-webkit-scrollbar-thumb:hover{background:rgba(255,170,33,.6)}.empty a{color:var(--neon);transition:.3s ease}.empty a:hover{text-shadow:0 0 5px var(--main_light)}@media (max-width:1100px){.project{width:40vw}}@media (max-width:850px){.project{width:60vw}}@media (max-width:500px){.project{width:70vw;margin-right:0}.portfolio .jello_title{padding:20% 0 20px}}@media (max-width:830px) and (orientation:landscape){.project{width:50vw}.app .portfolio .jello_title h1{padding-top:10%;text-align:center}}@-webkit-keyframes contactTitle{to{transform:translateY(0);opacity:1}}@keyframes contactTitle{to{transform:translateY(0);opacity:1}}@-webkit-keyframes contactPar{to{transform:translateX(0);opacity:1}}@keyframes contactPar{to{transform:translateX(0);opacity:1}}@-webkit-keyframes fly{to{transform:scaleX(var(--s)) rotate(var(--f)) translate(var(--x),var(--y))}}@keyframes fly{to{transform:scaleX(var(--s)) rotate(var(--f)) translate(var(--x),var(--y))}}@-webkit-keyframes attention{0%,50%{transform:translateX(0);opacity:0}5%,15%,25%,35%{transform:translateX(-4px);opacity:1}10%,20%,30%{transform:translateX(4px);opacity:1}40%{transform:translateX(3px);opacity:1}45%{transform:translateX(-3px);opacity:1}to{opacity:0}}@keyframes attention{0%,50%{transform:translateX(0);opacity:0}5%,15%,25%,35%{transform:translateX(-4px);opacity:1}10%,20%,30%{transform:translateX(4px);opacity:1}40%{transform:translateX(3px);opacity:1}45%{transform:translateX(-3px);opacity:1}to{opacity:0}}.contactMe .jello_title{transform:translateY(-200px);opacity:0;margin-bottom:20px;-webkit-animation:contactTitle 1.5s ease-in-out forwards;animation:contactTitle 1.5s ease-in-out forwards;-webkit-box-reflect:below -20px linear-gradient(transparent 60%,var(--main_dark))}.contactMe{padding-left:5%;padding-top:10%}.contactMe p{margin:5px 0;transform:translateX(-200px);opacity:0;-webkit-animation:contactTitle 1.5s ease-in-out forwards;animation:contactTitle 1.5s ease-in-out forwards}.contactMe p:first-child{-webkit-animation-delay:.2s;animation-delay:.2s}.contactMe p:nth-of-type(2){-webkit-animation-delay:.4s;animation-delay:.4s}.contactMe p:nth-of-type(3){-webkit-animation-delay:.6s;animation-delay:.6s}.contactMe p:nth-of-type(4){-webkit-animation-delay:.8s;animation-delay:.8s}.envelope{width:100px;height:60px;position:relative;top:10px}.envelope text{-webkit-animation:attention 4s cubic-bezier(.455,.03,.515,.955) infinite both;animation:attention 4s cubic-bezier(.455,.03,.515,.955) infinite both;fill:var(--neon);transition:.4s}.envelope path,.envelope polyline{fill:none;stroke:var(--main_light);transition:.4s}.envelope path{stroke-dasharray:5 5}.envelope:hover path,.envelope:hover polyline{stroke:var(--neon)}.envelope:hover text{fill:none}.plane{--s:1;width:50px;position:absolute;-webkit-animation:fly var(--t) ease-in-out infinite;animation:fly var(--t) ease-in-out infinite;-webkit-animation-delay:var(--t2);animation-delay:var(--t2);z-index:-1;-webkit-box-reflect:below 0 linear-gradient(transparent 50%,var(--main_dark));opacity:.5}.plane:first-of-type{transform-origin:50% 50%;transform:rotate(-35deg);top:120vh;--x:100vw;--y:-150vh;--f:-5deg;--t:3.5s;--t2:0.5s}.plane:nth-of-type(2){left:-10vw;--x:110vw;--y:10vh;--f:-5deg;--t:3.5s}.plane:nth-of-type(3){left:-10vw;top:60vh;--x:110vw;--y:10vh;--f:-7deg;--t:4s;--t2:1s}.plane:nth-of-type(4){transform-origin:50% 50%;transform:rotate(60deg);left:10vw;top:-10vh;--x:150vh;--y:0;--f:55deg;--t:2s;--t2:1.2s}.plane:nth-of-type(5){transform-origin:50% 50%;transform:scaleX(-1) rotate(15deg);left:110vw;top:20vh;--s:-1;--x:120vw;--y:20vw;--f:-5deg;--t:3.2s;--t2:0.7s}.plane:nth-of-type(6){transform-origin:50% 50%;transform:scaleX(-1) rotate(0deg);left:110vw;top:70vh;--s:-1;--x:120vw;--y:-20vw;--f:-15deg;--t:4s;--t2:1.3s}.plane polyline{fill:none;stroke:var(--main_light)}.plane:nth-of-type(2n) polyline{stroke:var(--neon)}.plane:nth-of-type(3n) polyline{stroke:var(--details)}@media (max-width:500px),(max-width:830px) and (orientation:landscape){.contactMe{padding-top:20%;padding-right:5%}.contactMe p{text-align:right}.contactMe a{display:block}.plane:nth-of-type(2){--t:2s}}@media (max-width:830px) and (orientation:landscape){.contactMe{padding-top:10%}}.pageNotFound{text-align:center;padding:20px 10px}.pageNotFound .question{margin:1em 0;font-size:1.5rem}.pageNotFound .button{margin:20px}.pageNotFound .buttons{display:flex;justify-content:center;align-items:center}@media (max-width:500px){.pageNotFound{padding-top:40px}.pageNotFound h1{margin:0 auto;font-size:1.5rem;width:70%}.pageNotFound .question{font-size:1.2rem}}.game_box{padding:10px}.board{display:flex;justify-content:center;align-items:center}.board p{text-align:center}.board .score{padding:0 20px 0 10px}.board .button{margin:0}.holes_box{width:40%;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px}.hole{width:100%;cursor:pointer}.frog path{fill:var(--details);stroke:var(--neon);transition:.1s;stroke-width:.5px}.changeColor .frog path{fill:var(--neon);stroke:var(--details)}.score{margin:1em 0;font-size:1.5rem}.description span{text-decoration:underline;-webkit-text-decoration-color:var(--details);text-decoration-color:var(--details);color:var(--neon)}.score span{color:var(--neon)}@media (max-width:500px){.holes_box{width:70%}}.footer{text-align:center;padding:10px 0}.footer_p{font-size:.8rem}@-webkit-keyframes jello{0%{transform:scaleX(1)}30%{transform:scale3d(1.5,.75,1)}40%{transform:scale3d(.75,1.5,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@keyframes jello{0%{transform:scaleX(1)}30%{transform:scale3d(1.5,.75,1)}40%{transform:scale3d(.75,1.5,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@-webkit-keyframes button1{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes button1{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@-webkit-keyframes button2{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes button2{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@-webkit-keyframes button3{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes button3{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@-webkit-keyframes button4{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}@keyframes button4{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}:root{--main_font:"Sora",Verdana,sans-serif;--main_dark:#28282b;--main_light:#fff;--shadow:#cec8cd;--neon:#ffaa21;--details:#5e2d96}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{min-height:100vh;background-color:#28282b;background-color:var(--main_dark);max-width:1920px;min-width:350px;margin:0 auto}a,body,button{font-family:"Sora",Verdana,sans-serif;font-family:var(--main_font);color:#fff;color:var(--main_light)}a,button{text-decoration:none}button{border:none;outline:none;background-color:inherit;font-size:1rem;font-weight:600;cursor:pointer}ul{list-style:none}.app{max-width:1920px;width:100%;margin:0 auto}.container{width:90%;margin-left:10%;position:relative;min-height:95vh;height:auto;overflow:hidden}.highlighted{transition:.4s ease-in-out}.jello_title h1{font-size:3rem;letter-spacing:.2rem;cursor:default}.jello_title h1 span{display:inline-block;transition:.5s ease-in-out}.jello_title h1 span:hover{-webkit-animation:jello .9s ease-in-out both;animation:jello .9s ease-in-out both;text-shadow:0 0 20px #ffaa21;text-shadow:0 0 20px var(--neon)}.button{display:inline-block;padding:15px 30px;margin-top:20px;position:relative;overflow:hidden;transition:.2s ease-out}.button:hover{background-color:#5e2d96;background-color:var(--details);box-shadow:0 0 10px #5e2d96,0 0 40px #5e2d96,0 0 80px #5e2d96;box-shadow:0 0 10px var(--details),0 0 40px var(--details),0 0 80px var(--details)}.button span:first-child{position:absolute;top:0;left:0;width:100%;height:2px;background-image:linear-gradient(90deg,transparent,#5e2d96);background-image:linear-gradient(90deg,transparent,var(--details));-webkit-animation:button1 1s linear infinite;animation:button1 1s linear infinite}.button span:nth-child(2){position:absolute;top:0;right:0;width:2px;height:100%;background-image:linear-gradient(180deg,transparent,#5e2d96);background-image:linear-gradient(180deg,transparent,var(--details));-webkit-animation:button2 1s linear infinite;animation:button2 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.button span:nth-child(3){position:absolute;bottom:0;left:0;width:100%;height:2px;background-image:linear-gradient(270deg,transparent,#5e2d96);background-image:linear-gradient(270deg,transparent,var(--details));-webkit-animation:button3 1s linear infinite;animation:button3 1s linear infinite}.button span:nth-child(4){position:absolute;top:0;left:0;width:2px;height:100%;background-image:linear-gradient(0deg,transparent,#5e2d96);background-image:linear-gradient(0deg,transparent,var(--details));-webkit-animation:button4 1s linear infinite;animation:button4 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.hide{display:none}@media (max-width:500px),(max-width:830px) and (orientation:landscape){.container{margin-left:0;width:100%}.jello_title h1{font-size:2rem;letter-spacing:0;text-align:right}}
/*# sourceMappingURL=main.dfb7c70a.chunk.css.map */