:root{--main-color: #7f66ff;--second-color: #3240e1;--background-color: #000319}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito Sans,serif}::selection{color:var(--main-color)}html{scroll-behavior:smooth}body{background:var(--background-color);color:#fff}ul{list-style:none}a{text-decoration:none;color:#fff}.container{padding-left:15%;padding-right:15%}.scroll-to-top{position:fixed;bottom:20px;right:50px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.scroll-to-top.visible{opacity:1;pointer-events:auto}.scroll-top{width:50px;height:50px;background-color:var(--main-color);border:none;font-weight:600;display:grid;place-items:center;box-shadow:0 0 0 3px #0217ff80;filter:drop-shadow(5px 5px 10px rgba(0,0,0,.7));cursor:pointer;transition-duration:.3s;overflow:hidden;position:relative}.svgIcon{width:15px;transition-duration:.3s}.svgIcon path{fill:#fff}.scroll-top:hover{width:140px;transition-duration:.3s;background-color:var(--second-color)}.scroll-top:hover .svgIcon{transition-duration:.3s;transform:translateY(-200%)}.scroll-top:before{position:absolute;bottom:-20px;content:"Back to Top";color:#fff;font-size:0px}.scroll-top:hover:before{font-size:15px;opacity:1;bottom:unset;transition-duration:.3s}nav{width:100%;padding:4px 0;position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;z-index:100}.show{background:var(--background-color);transition:.4s;box-shadow:0 .1rem 1rem #000000b3}.logo img{width:2.5rem;margin-right:10px}.logo{display:flex;align-items:center;font-size:2.4rem;font-weight:700}ul{display:flex;align-items:center}nav ul li,.nav-btn{display:inline-block;margin:10px 25px;font-size:1.2rem;font-weight:600}.nav-a{transition:color .3s ease;position:relative}.nav-a:hover{color:var(--main-color)}.active:before{content:"";position:absolute;top:100%;width:100%;left:0;height:2px;background-color:var(--main-color);transition:.5s}.nav-btn{position:relative;text-decoration:none;color:#fff;width:150px;height:50px;font-weight:600;overflow:hidden;background:linear-gradient(var(--main-color) 0%,var(--second-color) 100%);transition:all .5s cubic-bezier(.215,.61,.355,1)}.nav-btn span,.nav-btn span:before{position:absolute;top:0%;left:0;width:100%;height:100%;display:flex;align-items:center;pointer-events:none;justify-content:center;transition:all .3s cubic-bezier(.215,.61,.355,1)}.nav-btn span:before{content:"Hello!";top:-100%}.nav-btn:before{top:0;left:0;border-top:2px solid #e8e8e8;border-left:2px solid #e8e8e8}.nav-btn:after{bottom:0;right:0;border-bottom:2px solid #e8e8e8;border-right:2px solid #e8e8e8}.nav-btn:after,.nav-btn:before{content:"";position:absolute;width:24px;height:24px;pointer-events:none;transition:all .3s cubic-bezier(.215,.61,.355,1)}.nav-btn:hover{box-shadow:0 0 30px #7f66ff80,0 0 30px #3240e180}.nav-btn:hover:before,.nav-btn:hover:after{width:100%;height:100%}.nav-btn:hover span{top:100%}.hero{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));align-items:center;gap:1.5rem;padding-block:5rem 5rem;height:100vh;position:relative}.h_small{font-size:1.4rem;font-weight:600;letter-spacing:1px}.h_title span{background:linear-gradient(-45deg,white,var(--main-color),var(--second-color));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;font-size:3.5rem}.h_title{font-size:3.2rem;font-weight:600;margin:.5em 0;position:relative}.h_description{margin-block:1.5rem 3rem}.h_img-wrapper{margin-inline:auto 2rem;position:relative}.h_img-wrapper:before,.h_img-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.h_img-wrapper:before{animation:animatea 15s ease-in-out infinite;background-color:var(--second-color);border:4px solid var(--main-color)}.h_img-wrapper:after{background-color:var(--main-color);border:4px solid var(--second-color)}.h_img-wrapper:after,.h_img{animation:animateb 12s ease-in-out infinite}.h_img{position:relative;z-index:10;vertical-align:middle;width:450px;height:450px;object-fit:cover}@keyframes animateb{0%{border-radius:65% 35% 29% 71%/55% 30% 70% 45%}50%{border-radius:21% 79% 50% 50%/21% 50% 50% 79%}to{border-radius:65% 35% 29% 71%/55% 30% 70% 45%}}@keyframes animatea{0%{border-radius:21% 79% 50% 50%/21% 50% 50% 79%}50%{border-radius:65% 35% 29% 71%/55% 30% 70% 45%}to{border-radius:21% 79% 50% 50%/21% 50% 50% 79%}}.star-btn{position:relative;padding:12px 35px;background:linear-gradient(-45deg,var(--main-color),var(--second-color));font-size:17px;font-weight:500;color:#fff;border:3px solid transparent;border-image-source:linear-gradient(-45deg,var(--main-color),var(--second-color));border-image-slice:1;transition:all .3s ease-in-out;cursor:pointer}.star-btn:hover{background:transparent;color:var(--main-color);box-shadow:0 0 25px var(--main-color)}.star-1,.star-2,.star-3,.star-4,.star-5,.star-6{position:absolute;filter:drop-shadow(0 0 0 var(--second-color));z-index:-3;transition:all 1s cubic-bezier(0,.4,0,1.01)}.star-1{top:20%;left:20%;width:25px}.star-2{top:45%;left:45%;width:15px}.star-3{top:40%;left:40%;width:5px}.star-4{top:20%;left:40%;width:8px;transition-duration:.8s}.star-5{top:25%;left:45%;width:15px;transition-duration:.6s}.star-6{top:5%;left:50%;width:5px;transition-duration:.8s}.star-btn:hover .star-1,.star-btn:hover .star-2,.star-btn:hover .star-3,.star-btn:hover .star-4,.star-btn:hover .star-5,.star-btn:hover .star-6{filter:drop-shadow(0 0 10px var(--main-color));z-index:2}.star-btn:hover .star-1{top:-80%;left:-30%;width:25px}.star-btn:hover .star-2{top:-25%;left:10%;width:15px}.star-btn:hover .star-3{top:55%;left:25%;width:5px}.star-btn:hover .star-4{top:30%;left:80%;width:8px}.star-btn:hover .star-5{top:25%;left:115%;width:15px}.star-btn:hover .star-6{top:5%;left:60%;width:5px}.fil0{fill:#fff}.scrolldown{position:absolute;width:30px;height:50px;margin-left:var(sizeX / 2);border:3px solid var(--main-color);border-radius:50px;box-sizing:border-box;cursor:pointer;bottom:10%;left:50%;transform:translate(-50%);transition:.5s}.scrolldown:hover{border:3px solid var(--second-color)}.scrolldown:before{content:"";position:absolute;bottom:30px;left:50%;width:6px;height:6px;margin-left:-3px;background-color:var(--main-color);border-radius:100%;animation:scrolldown-anim 2s infinite;box-sizing:border-box;box-shadow:0 -5px 3px 1px #2a547066}@keyframes scrolldown-anim{0%{opacity:0;height:6px}40%{opacity:1;height:10px}80%{transform:translateY(20px);height:10px;opacity:0}to{height:3px;opacity:0}}.chevrons{padding:6px 0 0;margin-left:-3px;margin-top:48px;width:30px;display:flex;flex-direction:column;align-items:center}.chevrondown{margin-top:-6px;position:relative;border:solid var(--main-color);border-width:0 3px 3px 0;display:inline-block;width:10px;height:10px;transform:rotate(45deg)}.chevrondown:nth-child(odd){animation:pulse54012 .5s ease infinite alternate}.chevrondown:nth-child(2n){animation:pulse54012 .5s ease infinite alternate .25s}@keyframes pulse54012{0%{opacity:0}to{opacity:.5}}.about{display:grid;grid-template-columns:repeat(2,minmax(400px,1fr));align-items:center;gap:1.5rem;height:80vh;padding-top:4rem}.menu{display:none}@media (max-width: 1024px){.figmacr{left:-60px!important}.container{padding-left:5%;padding-right:5%}.about,.hero{grid-template-columns:1fr;height:auto;text-align:center;justify-items:center}.hero{padding-top:10rem}.h_img-wrapper{margin:auto;margin-top:5rem}.h_img{width:350px;height:350px}.con{margin-top:5rem;order:2;width:325px;height:450px}.card{width:325px;height:450px}}@media (max-width: 768px){.cursor{display:none}nav ul{position:fixed;top:0;right:0;background:#191825;z-index:-1;width:200px;padding-top:70px;transition:.5s;bottom:0;flex-direction:column}.hide{right:-200px}nav ul li{margin-top:60px}nav ul a{margin-top:50px!important}.menu{display:block;font-size:1.5rem;cursor:pointer}.logo{font-size:2rem}.logo img{width:2rem}.row{flex-direction:column}.left{padding-bottom:5rem}.astro{width:200px;left:-100px!important;top:-150px!important}.card,.con{height:426px!important;width:320px!important}.c2{width:100px!important;height:100px!important}}@media (max-width: 425px){.figmacr{display:none}}.con{height:500px;width:375px;position:relative}.card{border:2.5px solid var(--main-color);height:500px;width:375px;overflow:hidden;position:relative;background:#fff}.card:hover .img1{transform:scale(1.2) translate(5px,-30px) rotate(5deg)}.card:hover .img1:before{transition:transform 1s .4s;transform:translate(400px) skew(-10deg)}.card:hover .img2{transform:translateY(120%)}.card .img{position:absolute;width:100%;height:51%;transition:.3s all;object-fit:cover;z-index:3}.card .img1{top:0;right:0;position:relative;object-position:top}.card .img1:before{content:"";position:absolute;top:0;left:-25px;height:100%;width:10px;transform:skew(-10deg);background-image:linear-gradient(to right,#2097f8,#ffffffe6);z-index:10}.card .img2{bottom:0;right:0;background-position:bottom center;object-position:bottom}.card-content{margin-left:1rem;margin-top:1rem;transform:translate(-130%);transition:.5s ease-in-out;position:relative;z-index:2}.card-content span{display:block}.card-content .name{color:#000319;font-weight:700;font-size:2rem}.card-content .job{color:#adacac}.about-img-txt{color:var(--main-color);font-size:1.2rem;margin-top:10px;font-weight:600}.card:hover .card-content{transform:translate(0)}.circleb{background:repeating-linear-gradient(48deg,#3240e1,#7f66ff);border-radius:35% 30% 75%/49% 30% 70% 51%;position:absolute;animation:move-up6 2s ease-in infinite alternate-reverse}.c1{top:30px;left:-55px;width:100px;height:100px}.c2{width:150px;height:150px;bottom:-25px;right:-25px;animation-name:move-down1;z-index:4}@keyframes move-up6{to{transform:translateY(-10px)}}@keyframes move-down1{to{transform:translateY(10px)}}.about h2 span{background:linear-gradient(-45deg,white,var(--main-color),var(--second-color));-webkit-background-clip:text;background-clip:text;color:transparent}.about h2{font-size:4rem;font-weight:500;margin-bottom:.5em}.about h3{font-size:1.5rem}.about p{margin-block:1.5rem 3rem;line-height:25px}.magic{letter-spacing:2px;position:relative;color:var(--main-color);display:inline-block;margin-top:16px;overflow:hidden;transition:color 1s ease}.magic h3{position:relative;z-index:1}.magic:after{content:"";height:100%;width:0%;background:var(--second-color);position:absolute;top:0;left:0;transition:width 1s ease}.magic:hover:after{width:100%}.magic:hover h3{color:#fff;transition:color 1s ease}.download-btn{position:relative;color:#fff;font-size:19px;font-weight:600;z-index:1;display:inline-block}.download-btn .docs{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:0 10px;z-index:1;background:linear-gradient(45deg,var(--main-color),var(--second-color));border:none;transition:all .5s cubic-bezier(.77,0,.175,1)}.download-btn:hover{box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.download{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;max-width:85%;margin:0 auto;z-index:-1;transform:translateY(0);background-color:var(--second-color);border:solid 1px var(--main-color);transition:all .5s cubic-bezier(.77,0,.175,1)}.download-btn:hover .download{transform:translateY(90%)}.download svg polyline,.download svg line{animation:docs 1s infinite}@keyframes docs{0%{transform:translateY(0)}50%{transform:translateY(-15%)}to{transform:translateY(0)}}.skills{padding-top:300px}.skills .title{font-size:4.5rem;margin-bottom:2rem;text-align:center;position:relative;font-weight:600}.skills .title:after{content:"";position:absolute;left:calc(50% - 50px);width:100px;height:3px;bottom:-.5rem;background-color:#fff}.heading{font-weight:600;text-align:center;font-size:2rem;padding-bottom:70px;color:var(--main-color)}.skills-box{position:relative;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));font-size:.9rem;justify-content:space-around;align-items:flex-end;gap:1.5rem}.spell{display:grid;place-items:center;transition:.5s ease}.spell:hover{transform:translateY(-15px)}.spell svg{margin-bottom:1rem;font-size:4rem}.spell span{font-size:1rem}.astro{pointer-events:none;position:absolute;top:-210px;left:-140px;animation:move 10s ease-in-out infinite}@keyframes move{0%{transform:translate(0) translateY(0)}25%{transform:translateY(-1em) translate(-1em);rotate:-10deg}50%{transform:translateY(1em) translate(-1em)}75%{transform:translateY(-1.25em) translate(1em);rotate:10deg}to{transform:translate(0) translateY(0)}}.projects{padding-top:300px}.projects .title{font-size:2rem;margin-bottom:5rem;text-align:center;position:relative;font-weight:600}.projects .title span{background:linear-gradient(-45deg,white,var(--main-color),var(--second-color));-webkit-background-clip:text;background-clip:text;color:transparent}.projects .title:after{content:"";position:absolute;left:calc(50% - 100px);width:200px;height:3px;bottom:-.8rem;background-color:#fff}.projects-wrap{display:grid;place-items:center;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:space-between;gap:3rem}.project-info{padding:100px 40px 0;display:flex;flex-direction:column;gap:20px;position:relative;top:-50px}.project-title{font-weight:500;font-size:1.5em;white-space:nowrap;color:#fff;border-bottom:2px solid var(--main-color);padding-bottom:.5rem;width:fit-content}.lighter{font-size:.9em}.tag{color:#fff;font-size:1.5rem}.pj-card{background-color:#191825;color:#fff;width:300px;max-height:330px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px;position:relative;transition:.3s ease-in-out;margin-bottom:3rem}.pj-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:-5px;margin:auto;width:310px;height:340px;background:linear-gradient(-45deg,var(--main-color) 0%,var(--second-color) 100%);z-index:-10;pointer-events:none;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.pj-card:after{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(-45deg,#7f66ff,#3240e1);transform:translateZ(0) scale(.95);filter:blur(20px)}.pj-card:hover:after{filter:blur(30px)}.pj-card:hover:before{transform:rotate(-90deg) scaleX(1.1) scaleY(.92)}.pj-img{position:relative;top:-20px;height:100px;display:flex;justify-content:center}.pj-img img{height:150px;width:100%;object-fit:cover;border-radius:8px;box-shadow:#07070733 0 8px 24px}.content-item{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;z-index:1;bottom:-30px}.live{background:var(--main-color);padding:1rem 2rem;font-size:inherit;position:relative;display:inline-block}.live:before,.live:after{position:absolute;top:0;left:0;width:100%;height:100%}.button-telesto{overflow:hidden;font-family:obvia,sans-serif;font-weight:800;font-style:italic;font-size:.8rem;color:#fff}.button-telesto span{display:block;position:relative;z-index:1}.button-telesto>span{overflow:hidden}.button-telesto:hover>span>span{animation:MoveRightInitial .1s forwards,MoveRightEnd .3s forwards .2s}@keyframes MoveRightInitial{to{transform:translate3d(105%,0,0)}}@keyframes MoveRightEnd{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}.button-telesto:before,.button-telesto:after{content:"";background:var(--second-color)}.button-telesto:before{width:135%;-webkit-clip-path:polygon(75% 0%,100% 50%,75% 100%,0% 100%,0% 0%);clip-path:polygon(75% 0%,100% 50%,75% 100%,0% 100%,0% 0%);transform:translate3d(-100%,0,0)}.button-telesto:hover:before{transform:translateZ(0);transition:transform .3s cubic-bezier(.7,0,.2,1)}.button-telesto:after{width:105%;transform:translate3d(100%,0,0);transition:transform .3s cubic-bezier(.7,0,.2,1)}.button-telesto:hover:after{transform:translateZ(0);transition:transform .01s .3s cubic-bezier(.7,0,.2,1)}.cta{display:flex;padding:11px 33px;font-size:25px;color:#fff;background:var(--main-color);transition:1s;box-shadow:6px 6px #3240e180;transform:skew(-15deg);width:fit-content;margin-inline:auto;margin-top:4rem}.cta:hover{transition:.5s;box-shadow:10px 10px 0 var(--second-color)}.cta .second{transition:.5s;margin-right:0}.cta:hover .second{transition:.5s;margin-right:45px}.second{width:20px;margin-left:30px;position:relative;top:12%}.one{transition:.4s;transform:translate(-60%)}.two{transition:.5s;transform:translate(-30%)}.cta:hover .three{animation:color-anim 1s infinite .2s}.cta:hover .one{transform:translate(0);animation:color-anim 1s infinite .6s}.cta:hover .two{transform:translate(0);animation:color-anim 1s infinite .4s}@keyframes color-anim{0%{fill:#fff}50%{fill:var(--second-color)}to{fill:#fff}}.contact{padding-top:300px}.contact .title{font-size:40px;font-weight:600;text-align:center;margin-bottom:5rem;position:relative}.contact .title:after{content:"";position:absolute;left:calc(50% - 50px);width:100px;height:3px;bottom:-.5rem;background-color:#fff}.contact .title span{background:linear-gradient(-45deg,white,var(--main-color),var(--second-color));-webkit-background-clip:text;background-clip:text;color:transparent}.contact .row{display:flex;justify-content:space-between;width:100%}.row .left{flex-basis:35%;min-width:320px;margin-right:60px;display:flex;flex-direction:column}.contactTitle h3{position:relative;font-size:28px;color:#fff;display:inline-block;margin-bottom:25px}.contactTitle h3:before{content:"";position:absolute;width:50%;height:3px;background-color:var(--main-color);top:120%;left:0}.contactTitle p{font-size:17px;color:#ccc;letter-spacing:1px;line-height:1.2;padding-bottom:22px;text-align:left;font-weight:400}.socialMedia{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));justify-content:space-around;gap:1.5rem;margin:22px 0 20px}.social-ico{width:50px;height:50px;border:none;background:linear-gradient(120deg,#168de2,#6dc5dc);position:relative;z-index:0;display:flex;align-items:center;justify-content:center;margin-right:10px;transition:.1s;border:1px solid var(--second-color)}.social-ico svg{color:#fff;width:30px;height:30px;z-index:9}.social-ico:active{transform:scale(.85)}.social-ico:nth-child(2){background:linear-gradient(120deg,#833ab4,#fd1d1d,#fcb045)}.social-ico:nth-child(3){background:linear-gradient(120deg,#004182,#0a66c2)}.social-ico:nth-child(4){background:linear-gradient(120deg,#000,#4078c0)}.social-ico:before{content:"";position:absolute;width:52px;height:52px;background-color:#212121;z-index:-1;border:1px solid var(--main-color);transition:.4s}.social-ico:hover:before{width:0px;height:0px;border:none}.messageForm{max-width:700px;min-width:300px;background-color:#191825;padding:30px;border-left:5px solid var(--main-color);flex-basis:60%;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.messageForm input{color:var(--main-color);width:100%;background-color:var(--background-color);border:none;outline:none;padding:10px;margin-bottom:20px;font-weight:700;transition:all .2s ease-in-out;border-left:1px solid transparent}.messageForm input:focus{border-left:5px solid var(--main-color)}.messageForm textarea{width:100%;padding:10px;border:none;outline:none;background-color:var(--background-color);color:var(--main-color);font-weight:700;resize:none;max-height:150px;margin-bottom:20px;border-left:1px solid transparent;transition:all .2s ease-in-out;height:220px}.messageForm textarea:focus{border-left:5px solid var(--main-color)}.space-box{position:relative;outline:1px solid var(--main-color);width:fit-content}.send-btn{font-weight:600;font-size:1.3rem;letter-spacing:.2rem;background:transparent;padding:1rem 3rem;border:none;cursor:pointer;color:#e9f8f9;text-shadow:2px 0px rgba(127,102,255,.7),0px 2px rgba(127,102,255,.7),-2px 0px rgba(127,102,255,.7),0px -2px rgba(127,102,255,.7)}.space{width:100%;height:100%;bottom:0%;gap:1.5rem;transition:.5s ease-in-out;z-index:-1;opacity:0;overflow:hidden;position:absolute;display:flex;background:linear-gradient(160deg,#120e1e,#271950)}.space-box:hover .space{opacity:1}.fstar{height:4rem;width:.3rem;transition:.5s;border-radius:50px;clip-path:polygon(50% 0%,100% 100%,0% 100%);position:relative;background-color:#e9f8f9;animation:space-animation calc(.1s * var(--i)) linear infinite}@keyframes space-animation{0%{transform:rotate(-30deg) translateY(calc(-52% * var(--i)))}to{transform:rotate(-30deg) translateY(calc(52% * var(--i)))}}.copyright{padding:25px 0;text-align:center;color:#fff;margin:50px 0 0;border-top:1px solid white}.copyright i{color:var(--main-color)}.cursor{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:200}.circle{height:24px;width:24px;border-radius:50%;position:fixed;pointer-events:none;z-index:200;transition:transform .1s ease-out}.projects-page{padding-top:8rem;height:calc(100vh - 130px)}.projects-page .title{font-size:2rem;margin-bottom:5rem;text-align:center;position:relative;font-weight:600}.projects-page .title span{background:linear-gradient(-45deg,white,var(--main-color),var(--second-color));-webkit-background-clip:text;background-clip:text;color:transparent}.projects-page .title:after{content:"";position:absolute;left:calc(50% - 50px);width:100px;height:3px;bottom:-.8rem;background-color:#fff}#fcursor{overflow:visible;transform:translate3d(300px,0,0) scale(1);transform-origin:center center;transform-box:fill-box;animation:cursor 5s ease infinite alternate}@keyframes cursor{0%{opacity:0;transform:translate3d(300px,0,0) scale(1)}30%{opacity:1;transform:translateZ(0) scale(1)}60%{opacity:1;transform:translate3d(-200px,-200px,0) scale(1)}65%{opacity:1;transform:translate3d(-200px,-200px,0) scale(.95)}70%{opacity:1;transform:translate3d(-200px,-200px,0) scale(1)}to{opacity:1;transform:translate3d(-300px,-50px,0) scale(1)}}.figmacr{position:absolute;top:170px;left:-200px;pointer-events:none;z-index:100}