@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);:root{--navbar-text-color:#fff}body{background-color:#000;background-image:url(/static/media/galaxy-background.53915dabaf945649240b.jpg);background-repeat:repeat;background-size:contain;color:#fff;font-family:Lato,sans-serif;margin:0;overflow-x:hidden}body.scroll-disabled{overflow:hidden}*{box-sizing:border-box}::-webkit-scrollbar,::-webkit-scrollbar-thumb{background-color:initial;border-radius:50px;width:8px}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 10px grey}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:1400px;width:80%}.element{width:100%}#root{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow-x:hidden}.floaty span{display:inline-block}.floaty>.outer>.inner{animation:titlesFloaty 2s ease infinite}@keyframes titlesFloaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5%)}}@media (max-width:700px){.app{width:90%}}.nav-container{display:flex;justify-content:center}.navbar{background-color:#000c;position:fixed;transition:background-color .5s linear,color .5s ease;width:100%;z-index:999}.desktop-menu{align-items:center;display:flex;font-weight:700;height:100px;justify-content:space-between;white-space:nowrap}.navbar a{text-decoration:none}.navbar nav{align-items:center;display:flex;justify-content:space-around;width:40%}.navbar nav a{cursor:pointer;transition:all .3s ease-in-out}.navbar nav a:hover{color:#ff0084}.navbar .nav-button{align-items:center;background-color:initial;border:3px solid #ff0084;border-radius:50px;box-shadow:0 0 10px #ff0084;cursor:pointer;display:flex;justify-content:center;margin:0 10%;min-width:150px;padding:10px 20px}.navbar .nav-button,.navbar svg{color:#ff0084;transition:all .4s ease-in-out}.navbar svg{margin-right:5px}.nav-button:hover,.navbar .nav-button:hover{animation:jump 1s ease infinite;background-color:#ff0084;color:#fff}.nav-button:hover svg{color:#fff}@keyframes jump{25%{rotate:3deg;transform:translateY(25%)}50%{transform:translateY(0)}75%{rotate:-3deg;transform:translateY(10%)}to{transform:translateY(0)}}.mobile-menu{display:none}@media (max-width:1000px){.desktop-menu{display:none}.mobile-menu{align-items:center;display:flex;font-weight:700;height:100px;justify-content:space-between;white-space:nowrap;width:100%}#menu-icon{height:30px;margin-right:3%;width:30px;z-index:999}.navbar nav{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:0 10%;width:100%}.navbar .nav-button{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.navbar nav a{margin-bottom:20px}.mobile-menu-items{align-items:flex-start;background-color:#000c;display:flex;flex-direction:column;height:35dvh;justify-content:center;opacity:0;position:fixed;right:0;top:100px;transform:translateY(-150%);transition:transform .5s ease-in-out,opacity .5s ease-in-out,background-color .5s ease-in-out;width:100%;z-index:1}.menu-clicked{height:35dvh;opacity:1;transform:translateY(0);width:100%}}@media (max-width:500px){.navbar .nav-button:nth-child(2){border:2px solid #ff0084;margin-bottom:20px;padding:5px 20px}}.about{align-items:center;animation:backgroundAnimation 15s linear infinite;display:flex;height:100dvh;justify-content:space-between;position:relative}@keyframes backgroundAnimation{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.space-ship{animation:spaceShip 25s ease infinite;margin-top:40%;position:absolute;z-index:-10}@keyframes spaceShip{0%{transform:translateX(0)}10%{transform:translateX(100%)}20%{transform:translateX(200%)}30%{transform:translateX(300%)}40%{transform:translateX(400%)}50%{transform:translateX(300%)}60%{transform:translateX(200%)}70%{transform:translateX(100%)}80%{transform:translateX(0)}90%{transform:translateX(-200%)}to{transform:translateX(0)}}.space-ship img{width:80%}.about-details{order:1;width:100%}.about-details p{color:grey;font-size:1.3em;line-height:1.5;margin:5% 0}.about-details h1{margin:0}.about-details button{background-color:#44008b;border:3px solid #44008b;border-radius:5px;box-shadow:0 0 10px #44008b;color:#fff;cursor:pointer;font-weight:900;padding:15px 20px;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-pic{display:flex;justify-content:flex-end;margin-left:40px;order:2;width:100%}.about-pic img{border:2px solid #44008b;border-radius:50%;box-shadow:0 0 10px #44008b;max-height:400px;max-width:400px}.stars{height:100%;position:absolute;width:100%;z-index:-99}.stars span{animation:animate 15s linear infinite;background:#fff;border-radius:50%;box-shadow:0 0 0 3px #ffffff1a,0 0 0 8px #ffffff1a,0 0 20px #ffffff1a;height:3px;position:absolute;width:3px}.stars span:before{background:linear-gradient(90deg,#fff,#0000);content:"";height:1px;position:absolute;width:250px}@keyframes animate{0%{opacity:1;transform:rotate(315deg) translateX(0)}70%{opacity:1}to{opacity:0;transform:rotate(315deg) translateX(-1000px)}}span:first-child{animation-delay:0s;animation-duration:1s;left:auto;right:0;top:0}span:nth-child(2){animation-delay:.2s;animation-duration:3s;left:auto;right:80px;top:0}span:nth-child(3){animation-delay:.4s;animation-duration:2s;left:auto;right:0;top:80}span:nth-child(4){animation-delay:.6s;animation-duration:1.5s;left:auto;right:180px;top:0}span:nth-child(5){animation-delay:.8s;animation-duration:2.5s;left:auto;right:400px;top:0}span:nth-child(6){animation-delay:1s;animation-duration:3s;left:auto;right:600px;top:0}span:nth-child(7){animation-delay:1.2s;animation-duration:1.75s;left:auto;right:0;top:300px}span:nth-child(8){animation-delay:1.4s;animation-duration:1.25s;left:auto;right:700px;top:0}span:nth-child(9){animation-delay:.75s;animation-delay:2.75s;animation-duration:2.25s;animation-duration:2.75s;left:auto;right:1000px;right:450px;top:0}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-15%)}}.about .floaty{display:inline}.about .floaty span{display:inline-block}.about .floaty>.outer{transition:transform .5s ease}.about .floaty:hover>.outer{transition-duration:.8s}.about .floaty:hover>.outer>.inner{animation:floaty 5s ease infinite}.about .floaty:hover>.outer>.inner>.letter{color:#44008b}.about .floaty:hover>.outer:first-child{transform:translate(-80%,60%) rotate(8deg)}.about .floaty:hover>.outer:nth-child(2){transform:translate(-40%,20%) rotate(4deg)}.about .floaty:hover>.outer:nth-child(3){transform:translate(-10%,60%) rotate(-6deg)}.about .floaty:hover>.outer:nth-child(4){transform:translateY(8%) rotate(-8deg)}.about .floaty:hover>.outer:nth-child(5){transform:translateY(-20%) rotate(5deg)}.about .floaty:hover>.outer:nth-child(6){transform:translateY(20%) rotate(-3deg)}.about .floaty:hover>.outer:nth-child(7){transform:translateY(-40%) rotate(-5deg)}.about .floaty:hover>.outer:nth-child(8){transform:translateY(15%) rotate(10deg)}.about .floaty:hover>.outer:nth-child(9){transform:translateY(-50%) rotate(8deg)}.about .floaty:hover>.outer:nth-child(10){transform:translateY(15%) rotate(-6deg)}.about .floaty:hover>.outer:nth-child(11){transform:translateY(-30%) rotate(12deg)}.about .floaty:hover>.outer:nth-child(12){transform:translateY(10%) rotate(-4deg)}.about .floaty:hover>.outer:nth-child(13){transform:translateY(-5%) rotate(6deg)}.about .floaty:hover>.outer:nth-child(14){transform:translateY(25%) rotate(-7deg)}.about .floaty:hover>.outer:nth-child(15){transform:translateY(-15%) rotate(9deg)}@media (max-height:700px){.about{top:50px}}@media (max-height:550px){.about{top:70px}}@media (max-width:1000px){.about{flex-direction:column-reverse;height:auto;margin:50px 0 150px;text-align:center;top:100px}.about,.about-pic{align-items:center}.about-pic{justify-content:center;margin-bottom:40px;margin-left:0;width:80%}.about-pic img{width:80%}.about-details{align-items:center;display:flex;flex-direction:column}.space-ship{top:50%}.space-ship img{width:60%}.space-ship{margin-top:40%}.stars{transform:translateX(40%)}}@media (max-width:800px){.space-ship{margin-top:60%}}@media (max-width:600px){.stars{transform:translateX(60%)}}@media (max-width:400px){.space-ship{margin-top:110%}.stars{transform:translateX(80%)}}.skills-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:10%;position:relative;text-align:center}.skills-container h1{font-size:3rem}.skills{display:flex;flex-wrap:wrap;gap:5%;justify-content:center;margin:3% 0;width:100%}.skills-container h3{color:grey}.skills-box-wrapper{background-color:initial;border:3px solid #44008b;border-radius:10px;box-shadow:0 0 20px#44008b;margin-bottom:20px;max-width:500px;padding:0 2.5% 2.5%;width:100%}.skills-frontend,.skills-others{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.skill-box{align-items:center;background-color:#44008b;border-radius:15px;color:#000;display:flex;justify-content:space-between;padding:3px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.skill-box img{margin-right:10px;width:35px}.skill-box p{color:#fff;font-weight:800}@media (max-width:900px){.skills{align-items:center;flex-direction:column}.skills-box-wraper{margin-bottom:50px;width:100%}}.projects{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:10%;position:relative;text-align:center}.projects h1{font-size:3rem}.projects h3{color:grey}.projects-contianer{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin:5% 0}.project{animation:float 3s ease-in-out infinite;background-color:#14191f;border-radius:15px;color:#fff;cursor:pointer;font-weight:600;height:400px;padding:30px;transition:all .5s ease-in-out;width:300px}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}.project-details{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-align:left;text-overflow:ellipsis}.project:hover{box-shadow:0 0 10px 10px #40404066;scale:1.05}.project-date{margin:0}.projects-contianer img{border:1px solid #000;border-radius:15px;margin-bottom:15px;width:100%}h2{margin:10px 0}h5{color:grey}.tags{display:flex;flex-wrap:wrap;row-gap:10px}.tags h5{background-color:#bfbfbf;border-radius:7px;color:#004;margin:0 10px 0 0;padding:5px;white-space:nowrap}.full-screen{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:9999}.fullscreen-project{align-items:flex-start;background-color:#14191f;border-radius:20px;display:flex;flex-direction:column;max-width:800px;padding:40px 20px 20px;position:relative;text-align:left;top:10px;width:80%}.close-icon{cursor:pointer;position:absolute;transform:translate(-190%,50%)}.project-links{align-self:center;display:flex;justify-content:space-around;margin:20px 0;width:100%}.project-links svg{color:#004;font-size:25px;margin-right:10px}.link-project{align-items:center;background-color:#bfbfbf;border-radius:50px;color:#004;display:flex;font-size:20px;font-weight:1000;height:50px;justify-content:center;text-decoration:none;white-space:nowrap;width:40%}.link-project:hover{background-color:#14191f;border:3px solid #bfbfbf;letter-spacing:1px}.link-project:hover,.link-project:hover svg{color:#bfbfbf;transition:all 1.35s cubic-bezier(.19,1,.22,1)}.rocket{position:absolute;top:0;width:100%;z-index:-99}.rocket img{animation:rocket 40s linear infinite;width:20%}@keyframes rocket{0%{transform:translateX(0) translateY(0) rotate(20deg)}5%{transform:translateX(100%) translateY(-10%) rotate(30deg)}10%{transform:translateX(200%) translateY(-20%) rotate(40deg)}15%{transform:translateX(300%) translateY(-30%) rotate(50deg)}20%{transform:translateX(400%) translateY(-40%) rotate(60deg)}25%{transform:translateX(400%) translateY(-30%) rotate(180deg)}30%{transform:translateX(300%) translateY(0) rotate(190deg)}35%{transform:translateX(200%) translateY(10%) rotate(200deg)}40%{transform:translateX(100%) translateY(20%) rotate(210deg)}45%{transform:translateX(0) translateY(30%) rotate(220deg)}50%{transform:translateX(-100%) translateY(40%) rotate(230deg)}55%{transform:translateX(-200%) translateY(50%) rotate(240deg)}60%{transform:translateX(-300%) translateY(60%) rotate(240deg)}65%{transform:translateX(-400%) translateY(70%) rotate(250deg)}70%{transform:translateX(-500%) translateY(70%) rotate(250deg)}75%{transform:translateX(-500%) translateY(60%) rotate(50deg)}80%{transform:translateX(-400%) translateY(50%) rotate(40deg)}85%{transform:translateX(-300%) translateY(40%) rotate(30deg)}90%{transform:translateX(-200%) translateY(30%) rotate(20deg)}95%{transform:translateX(-100%) translateY(20%) rotate(10deg)}to{transform:translateX(0) translateY(0) rotate(20deg)}}@media (max-width:800px){.rocket img{width:150px}}@media (max-width:580px){.project-links{align-items:center;flex-direction:column;justify-content:center}.fullscreen-project{width:90%}.link-project{font-size:18px;margin-bottom:15px;width:100%}.link-project svg{font-size:20px}}@media (max-height:850px){.fullscreen-project{align-self:flex-start;top:10%}}.eduction{align-items:center;display:flex;flex-direction:column;margin-bottom:10%;padding:10px}.eduction h1{font-size:3rem}.eduction h3{color:grey}.education-container{background-color:#3b3b3b4d;border-radius:20px;font-size:20px;font-weight:700;letter-spacing:2px;line-height:2;margin:3% 0;padding:20px;text-align:center}@media (max-width:800px){.education-container{padding:10px}}.contact{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:15%;position:relative;text-align:center}.contact h1{font-size:3rem}.contact h2{color:grey;margin-bottom:4%}.contact-container{align-items:flex-end;display:flex;justify-content:center;margin-top:5%;position:relative;width:50%}.env{display:flex;margin:0}.contact-container .env-base,.env{position:absolute;transition:transform .5s linear}.contact-container .env-base{transform:translateY(0);width:100%;z-index:4}.contact-container .env-back{position:absolute;transform:translateY(0);transition:transform .5s linear;width:100%;z-index:2}.contact-container .env-cover{transform:translateY(-100%);transition:transform .5s linear;width:100%;z-index:2}.contact-container .message-sent{transform:translateY(-5%)}.contact-container .message-sent-cover{animation:flip-horizontal-bottom 1s linear .5s both;transform:translateY(-100%)}@keyframes flip-horizontal-bottom{0%{transform:rotateX(-100%)}to{transform:rotateX(180deg) translateY(5%);z-index:4}}@keyframes slide-out{0%{transform:translateX(0)}to{transform:translateX(300%)}}.contact-form{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;height:750px;justify-content:flex-start;overflow:hidden;padding:40px;transition:height .5s linear;width:80%;z-index:3}.message-sent-full-form{opacity:0}.message-sent-full-env{animation:slide-out 1s linear .5s both}.message-sent-form{height:300px}.contact-form input,textarea{border:2px solid #44008b;border-radius:5px;margin-bottom:5%;outline:none;padding:15px 20px}.contact-form input:focus,textarea:focus{border:2px solid #ff0084}.contact-form textarea{padding:15px 15px 50px;resize:none}.send-a-message button{align-items:center;background-color:#44008b;border:none;border-radius:5px;box-shadow:0 0 5px #44008b;color:#fff;cursor:pointer;display:flex;font-weight:800;justify-content:center;overflow:hidden;padding:20px;white-space:nowrap;width:100%}.send-a-message button span{margin-right:10px}.send-a-message button svg{font-size:20px}.send-a-message:hover svg{animation:fly 1.5s linear}@keyframes fly{0%{transform:translateX(0) translateY(0) rotate(0deg)}10%{transform:translateX(10px) translateY(-10px) rotate(10deg)}20%{transform:translateX(20px) translateY(-20px) rotate(20deg)}30%{transform:translateX(30px) translateY(-30px) rotate(30deg)}50%{transform:translateX(40px) translateY(-40px) rotate(180deg)}60%{transform:translateX(30px) translateY(-30px) rotate(180deg)}70%{transform:translateX(20px) translateY(-20px) rotate(180deg)}80%{transform:translateX(10px) translateY(-10px) rotate(180deg)}90%{transform:translateX(0) translateY(0) rotate(180deg)}to{transform:translateX(0) translateY(0) rotate(0deg)}}.flying-astronaut{animation:astroFly 35s linear infinite;height:100%;position:absolute;right:1%;top:10%;z-index:-10}.flying-astronaut img{width:50%}@keyframes astroFly{0%{transform:translateX(0) translateY(10%) rotate(0deg)}5%{transform:translateX(-100%) translateY(0) rotate(-10deg)}10%{transform:translateX(-200%) translateY(10%) rotate(-20deg)}15%{transform:translateX(-300%) translateY(0) rotate(-30deg)}20%{transform:translateX(-400%) translateY(10%) rotate(-40deg)}25%{transform:translateX(-500%) translateY(0) rotate(-50deg)}30%{transform:translateX(-600%) translateY(10%) rotateY(180deg) rotate(-50deg)}35%{transform:translateX(-600%) rotateY(180deg) translateY(0)}40%{transform:translateX(-500%) rotateY(180deg) translateY(10%)}45%{transform:translateX(-400%) rotateY(180deg) translateY(0)}50%{transform:translateX(-300%) translateY(10%) rotateY(180deg) rotate(-10deg)}55%{transform:translateX(-200%) translateY(0) rotateY(180deg) rotate(-20deg)}60%{transform:translateX(-100%) translateY(10%) rotateY(180deg) rotate(-30deg)}65%{transform:translateX(0) translateY(0) rotateY(180deg) rotate(-30deg)}70%{transform:translateX(100%) translateY(10%) rotateY(180deg) rotate(-30deg)}75%{transform:translateX(200%) translateY(10%) rotate(-30deg)}80%{transform:translateX(20%) translateY(10%)}85%{transform:translateX(0) translateY(0)}90%{transform:translateX(0) translateY(10%)}95%{transform:translateX(0) translateY(0)}to{transform:translateX(0) translateY(10%)}}.thank-you{align-items:center;color:grey;display:flex;flex-direction:column;justify-content:center;margin-bottom:4%;opacity:1;position:absolute;text-align:center;top:50%;transform:translateX(0);transition:transform .5s linear}@media (max-width:1400px){.contact-form{height:645px}.message-sent-form{height:300px}}@media (max-width:1200px){.contact-form{height:600px;width:90%}.message-sent-form{height:300px}}@media (max-width:1000px){.contact-container{width:80%}.contact-form{height:700px}.message-sent-form{height:300px}}@media (max-width:800px){.contact-form{height:650px}.message-sent-form{height:250px}}@media (max-width:700px){.contact-form{height:600px;padding:20px}.message-sent-form{height:250px}.contact h1:last-child{font-size:2rem}}@media (max-width:600px){.contact-form{height:550px}.send-a-message button{font-weight:600;padding:15px}.message-sent-form{height:200px}}@media (max-width:500px){.contact-container{width:100%}.contact-form{height:550px;width:90%}.send-a-message button{font-weight:600;padding:15px}.contact-form input::placeholder,textarea{font-size:10px}.message-sent-form{height:200px}}@media (max-width:450px){.contact-form{height:520px}.message-sent-form{height:180px}}@media (max-width:425px){.contact-form{height:510px}.message-sent-form{height:160px}}@media (max-width:400px){.contact-form{height:490px}.message-sent-form{height:160px}.contact h1:last-child{font-size:1.5rem}}@media (max-width:375px){.contact-form{height:480px}.message-sent-form{height:150px}}.footer-container{flex-direction:column;position:relative;text-align:center;width:100%}.footer,.footer-container{align-items:center;display:flex;justify-content:center}.footer{bottom:0;height:150px}.arrow{animation:up 1s linear infinite;cursor:pointer;height:60px;position:absolute;right:-5%;transition:all .5s ease;width:60px;z-index:10}@keyframes up{0%,to{transform:translateY(0)}50%{transform:translateY(15%)}}.arrow:hover{scale:1.1}.footer svg{border-radius:50%;box-shadow:0 0 10px #ff0084;color:#ff0084;cursor:pointer;height:50px;margin:20px;transition:transform .3s ease;transition:all .5s ease;width:50px}.footer .svg-linkedin{background-color:#ff0084;border-radius:50%;height:30px;padding:10px;width:30px}.footer svg{animation:floaty 5s linear infinite}.footer .svg-linkedin{animation:reverseFooterFloaty 5s linear infinite}.footer svg:hover{animation:rotate 3s linear infinite;scale:1.1}@keyframes reverseFooterFloaty{0%,to{transform:translateY(-13%)}50%{transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0deg)}25%{transform:rotate(15deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0deg)}}.credit{color:grey;font-size:18px;font-weight:800;margin:0}@media (max-width:700px){.arrow{right:-3%}}@media (max-width:500px){.footer{height:100px}.arrow{top:-30%;width:40px}.credit{font-size:15px}.footer svg{height:40px;width:40px}.footer .svg-linkedin{height:20px;width:20px}}
/*# sourceMappingURL=main.1c64b5b4.css.map*/