@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Orbitron:wght@400..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--light-blue:#003fb3;--bg:#000;--white:#fff;--button-border-radius:7px;--transition-all:all 0.5s ease 0s;--defaut-wave-transform:translate3d(-50%,-96%,0)}body{background-color:#000;background-color:var(--bg);color:#fff;color:var(--white);margin:0;overflow-x:hidden}body,strong{font-family:Orbitron,sans-serif}p{font-family:RobotoMono,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body::-webkit-scrollbar{width:0}::selection{-webkit-text-fill-color:#fff;-webkit-text-fill-color:var(--white);background:#5800b0;color:#fff;color:var(--white)}button::selection,img::selection{background:transparent}.introduction{height:800px;margin-top:-5em;position:relative}.title-section{bottom:10em;left:4em;position:absolute}.mainTitle{word-wrap:break-word;font-size:70px;letter-spacing:1px;text-transform:uppercase;z-index:2}.mainTitle-2{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#ad20ff 0,#fff);font-size:50px}.contact-me img{bottom:-18%;cursor:pointer;-webkit-filter:drop-shadow(2px 2px 2px #b0b0b0b3);filter:drop-shadow(2px 2px 2px #b0b0b0b3);height:500px;max-width:100%;object-fit:contain;position:fixed;right:-39%;-webkit-transform:scale(.4);transform:scale(.4);width:100%;z-index:50}@media screen and (max-width:500px){.title-section{bottom:6em;left:2em}.mainTitle{font-size:45px}.mainTitle-2{font-size:35px}.contact-me{display:none}}.BIOSection{align-items:flex-start;background-color:var(--bg);display:flex;justify-content:space-between;margin-top:-5em;padding-top:5em;position:relative;width:100%;z-index:5}.r-col{padding-left:3em;padding-right:15em;width:63%}.r-col h1{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#ad20ff 0,#fff);font-size:45px;letter-spacing:1px}.r-col p{font-size:16px;letter-spacing:1px;line-height:30px;margin-top:20px}.l-col{display:flex;justify-content:center;width:37%}.image-wrapper{height:560px;position:relative;width:420px}.image-wrapper:before{background:linear-gradient(90deg,#9600f9,#0008c6);border-radius:5px;box-shadow:0 25px 40px rgba(60,0,255,.35);content:"";height:100%;position:absolute;right:-30px;top:25px;width:100%;z-index:0}.image-wrapper img{border-radius:5px;box-shadow:0 20px 45px rgba(0,0,0,.3);display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}@-webkit-keyframes hueRotate{0%{-webkit-filter:hue-rotate(335deg) contrast(1);filter:hue-rotate(335deg) contrast(1)}to{-webkit-filter:hue-rotate(60deg) contrast(1);filter:hue-rotate(60deg) contrast(1)}}@keyframes hueRotate{0%{-webkit-filter:hue-rotate(335deg) contrast(1);filter:hue-rotate(335deg) contrast(1)}to{-webkit-filter:hue-rotate(60deg) contrast(1);filter:hue-rotate(60deg) contrast(1)}}.social-icons-bio ul{display:flex;margin:20px 0 0 -20px;padding:0}.social-icons-bio ul li{list-style:none}.social-icons-bio ul li a{align-items:center;color:#fff;display:flex;font-size:25px;height:50px;justify-content:center;margin:0 20px;position:relative;text-align:center;text-decoration:none;transition:.5s;width:55px}.social-icons-bio ul li a span{position:absolute;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.social-icons-bio ul li a span:first-child,.social-icons-bio ul li a span:nth-child(3){background:linear-gradient(90deg,#9600f9,#0008c6);height:3px;width:100%}.social-icons-bio ul li a span:first-child{left:0;top:0;-webkit-transform-origin:right;transform-origin:right}.social-icons-bio ul li a:hover span:first-child{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.social-icons-bio ul li a span:nth-child(3){bottom:0;left:0;-webkit-transform-origin:left;transform-origin:left}.social-icons-bio ul li a:hover span:nth-child(3){-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.social-icons-bio ul li a span:nth-child(2),.social-icons-bio ul li a span:nth-child(4){background:linear-gradient(90deg,#9600f9,#0008c6);height:100%;width:3px}.social-icons-bio ul li a span:nth-child(2){left:0;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom;transform-origin:bottom}.social-icons-bio ul li a:hover span:nth-child(2){-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:top;transform-origin:top;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.social-icons-bio ul li a span:nth-child(4){right:0;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top;transform-origin:top}.social-icons-bio ul li a:hover span:nth-child(4){-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:bottom;transform-origin:bottom;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}@media screen and (max-width:500px){.BIOSection{display:block}.image-wrapper{margin-left:3em}.image-wrapper:before{right:20px}.l-col,.r-col{width:100%}.r-col{margin-top:5em;padding-left:2em;padding-right:0}.social-icons-bio ul li{width:80px}}.contactMe{height:auto;padding:6em 15em;position:relative;width:100%}.contactMe h2{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#ad20ff 0,#fff);font-size:45px;letter-spacing:1px;margin-bottom:20px;text-align:center}.contactMe p{font-family:RobotoMono,sans-serif;font-size:17px;letter-spacing:1px;margin-bottom:30px;margin-top:20px;text-align:center}.form{padding:3em 12em;width:100%}.inputs{display:grid}.inputs div{width:100%}.inputs div .formInp{width:96.5%}.formInp{background-color:initial;background:transparent;border:3px solid var(--white);color:var(--white);font-family:RobotoMono,sans-serif;font-size:20px;margin:10px;padding:10px;transition:all .5s ease}.formSubmit{background-color:initial;border:none;display:flex;height:60px;justify-content:center;margin:10px auto;width:200px}.formSubmit .wave-btn_waves{left:-50px}.formInp:focus-visible{background:linear-gradient(90deg,#9600f9,#0008c6);outline:none!important}.formInp::-webkit-input-placeholder{color:var(--white);font-family:Orbitron,sans-serif}.formInp::placeholder{color:var(--white);font-family:Orbitron,sans-serif}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--white)!important;background-color:initial!important;transition-delay:9999s}.formSubmit a{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:25px;height:55px;justify-content:center;margin:0 20px;position:relative;text-align:center;text-decoration:none;transition:.5s;width:200px}.formSubmit a span{position:absolute;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.formSubmit a span:first-child,.formSubmit a span:nth-child(3){background:linear-gradient(90deg,#9600f9,#0008c6);height:3px;width:100%}.formSubmit a span:first-child{left:0;top:0;-webkit-transform-origin:right;transform-origin:right}.formSubmit a:hover span:first-child{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.formSubmit a span:nth-child(3){bottom:0;left:0;-webkit-transform-origin:left;transform-origin:left}.formSubmit a:hover span:nth-child(3){-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.formSubmit a span:nth-child(2),.formSubmit a span:nth-child(4){background:linear-gradient(90deg,#9600f9,#0008c6);height:100%;width:3px}.formSubmit a span:nth-child(2){left:0;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom;transform-origin:bottom}.formSubmit a:hover span:nth-child(2){-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:top;transform-origin:top;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.formSubmit a span:nth-child(4){right:0;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top;transform-origin:top}.formSubmit a:hover span:nth-child(4){-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:bottom;transform-origin:bottom;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}@media screen and (max-width:1920px) and (min-width:1680px){.contactMe{padding:6em 25em}}@media screen and (max-width:1450px) and (min-width:600px){.form{padding:3em 4em}}@media screen and (max-width:500px){.contactMe{padding:3em 1em}.form{padding:2em .5em}.contactMe h1{font-size:30px}.contactMe p{font-size:14px}.inputs div .formInp{display:flex;justify-content:center;width:100%}textarea.formInp{width:100%}.contactMe h2{font-size:40px}}.header ul{align-items:center;display:flex;justify-content:flex-end;margin:0;padding:1em 1em 0 0;position:relative;z-index:10}.header ul li{list-style:none;margin-right:2em}.header ul li a{align-items:center;background-color:#000;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;letter-spacing:1px;margin:0 20px;position:relative;text-align:center;text-decoration:none;transition:.5s;width:100%}.header ul li a span{position:absolute;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.header ul li a span:first-child,.header ul li a span:nth-child(3){background:#fff;height:2px;width:100%}.header ul li a span:first-child{left:0;top:0;-webkit-transform-origin:right;transform-origin:right}.header ul li a:hover span:first-child{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.header ul li a span:nth-child(3){bottom:0;left:0;-webkit-transform-origin:left;transform-origin:left}.header ul li a:hover span:nth-child(3){-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.header ul li a span:nth-child(2),.header ul li a span:nth-child(4){background:#fff;height:100%;width:2px}.header ul li a span:nth-child(2){left:0;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom;transform-origin:bottom}.header ul li a:hover span:nth-child(2){-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:top;transform-origin:top;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.header ul li a span:nth-child(4){right:0;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top;transform-origin:top}.header ul li a:hover span:nth-child(4){-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:bottom;transform-origin:bottom;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}@media screen and (max-width:500px){.header{display:none}}.experience{height:800px;position:relative}.cube-and-circles{position:relative;top:13em}.education{left:0;padding-left:4em;position:absolute;top:20%;width:35%}.experience-block{background:#000;left:auto;padding-right:4em;right:0}.education h1{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#ad20ff 0,#fff);font-size:30px;letter-spacing:1px}.education p{font-size:16px;letter-spacing:1px;line-height:30px;margin-top:20px}.education ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-left:15px}.education ul li{margin-right:40px}.small-icon{font-size:25px;position:relative;right:5px;top:7px}.small-icon path{stroke:#b828ff}@media screen and (max-width:500px){.experience{height:auto}.education{margin-top:5em;padding-left:2em;padding-right:1em;position:relative;width:100%}.experience-block{margin-top:2em;padding-right:2em}.cube-and-circles{display:none}.education h1{font-size:25px}}.skills{align-items:center;background-color:var(--bg);display:flex;justify-content:center;margin-top:15em;padding-top:5em;position:relative}.skills h1{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#ad20ff 0,#fff);font-size:45px;letter-spacing:1px;padding-bottom:5em;padding-top:5em}.skill-icon{background-color:#fff;border-radius:50%;bottom:0;-webkit-filter:drop-shadow(0 0 40px #a200ffb3) contrast(1.2);filter:drop-shadow(0 0 40px #a200ffb3) contrast(1.2);height:130px;left:0;overflow:visible;padding:25px;position:absolute;width:130px}.html-icon{left:20%}.css-icon{bottom:32%;left:5%}.js-icon{bottom:65%;left:20%}.react-icon{bottom:60%;left:45%}.typescript-icon{bottom:65%;left:70%}.wordpress-icon{bottom:32%;left:auto;right:5%}.spline-icon{left:70%}.three-icon{bottom:5%;left:45%}@media screen and (max-width:500px){.skills{margin-top:4em}.skills h1{font-size:40px;text-align:center}.skill-icon{height:110px;width:110px}.css-icon{bottom:14%;left:6%}.js-icon{bottom:65%;left:9%}.react-icon,.three-icon{left:42%}.typescript-icon{bottom:65%;left:72%}.wordpress-icon{bottom:15%;left:auto;right:3%}.html-icon{bottom:-10%;left:6%}.spline-icon{bottom:-10%;left:72%}}.portfolio{margin-top:9em}.portfolio h2{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#ad20ff 0,#fff);font-size:45px;letter-spacing:1px;text-align:center}.switch-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:999px;display:flex;gap:6px;margin:50px auto;padding:6px;position:relative;width:340px}.switch-content-wrapper{display:flex;justify-content:space-between}.switch-label-wrapper{cursor:pointer;position:relative;text-align:center;width:160px;z-index:2}.switch-label{border-radius:999px;color:#8f8f8f;font-size:16px;font-weight:600;margin:0;padding:13px 0;transition:.35s}.switch-label.active{color:#fff}.switch-pill{background:linear-gradient(135deg,#a020ff,#4f46e5);border-radius:999px;box-shadow:0 10px 40px rgba(131,70,255,.45);height:44px;left:6px;position:absolute;top:6px;transition:-webkit-transform .35s cubic-bezier(.22,.8,.25,1);transition:transform .35s cubic-bezier(.22,.8,.25,1);transition:transform .35s cubic-bezier(.22,.8,.25,1),-webkit-transform .35s cubic-bezier(.22,.8,.25,1);width:160px}.clicked{-webkit-transform:translateX(166px);transform:translateX(166px)}.portfolio-grid{display:flex;flex-wrap:wrap;justify-content:center;transition:opacity .35s ease,-webkit-transform .35s ease;transition:opacity .35s ease,transform .35s ease;transition:opacity .35s ease,transform .35s ease,-webkit-transform .35s ease}.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.hide{opacity:0;pointer-events:none;position:absolute;-webkit-transform:translateY(20px);transform:translateY(20px)}.website-figure{background:#0b0b0b;border-radius:10px;cursor:pointer;-webkit-filter:drop-shadow(10px 10px 10px rgba(173,32,255,.28));filter:drop-shadow(10px 10px 10px rgba(173,32,255,.28));height:245px;isolation:isolate;margin:10px;max-width:450px;overflow:hidden;position:relative;width:100%}.website-figure img{display:block;height:100%;object-fit:cover;transition:-webkit-transform .8s ease,-webkit-filter .8s ease;transition:transform .8s ease,filter .8s ease;transition:transform .8s ease,filter .8s ease,-webkit-transform .8s ease,-webkit-filter .8s ease;width:100%}.website-figure:hover img{-webkit-filter:brightness(.3);filter:brightness(.3);-webkit-transform:scale(1.08);transform:scale(1.08)}.cube-overlay{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,55px);inset:0;pointer-events:none;position:absolute;z-index:2}.cube-overlay span{background:linear-gradient(135deg,rgba(164,74,255,.627),#653bec);background:linear-gradient(135deg,rgba(164,74,255,.9),rgba(101,59,236,.9));border:1px solid hsla(0,0%,100%,.08);border-radius:4px;box-shadow:inset 0 0 12px hsla(0,0%,100%,.12);opacity:0;-webkit-transform:scale(.2) rotateX(80deg) rotateY(80deg);transform:scale(.2) rotateX(80deg) rotateY(80deg);transition:opacity .35s ease,-webkit-transform .35s cubic-bezier(.22,1,.36,1);transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s ease;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s ease,-webkit-transform .35s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay)}.website-figure:hover .cube-overlay span{box-shadow:inset 0 0 12px hsla(0,0%,100%,.2),0 0 16px rgba(173,32,255,.45);opacity:1;-webkit-transform:translateY(-8px) scale(1) rotateX(0deg) rotateY(0deg);transform:translateY(-8px) scale(1) rotateX(0deg) rotateY(0deg)}.website-figure figcaption{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;padding:28px;position:absolute;text-align:center;z-index:3}.website-figure .icons,.website-figure h3,.website-figure p{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .45s ease,-webkit-transform .45s ease;transition:opacity .45s ease,transform .45s ease;transition:opacity .45s ease,transform .45s ease,-webkit-transform .45s ease}.website-figure:hover h3{transition-delay:.35s}.website-figure:hover h3,.website-figure:hover p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.website-figure:hover p{transition-delay:.45s}.website-figure:hover .icons{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition-delay:.55s}.website-figure h3{font-size:18px;font-weight:800;letter-spacing:1px;margin:0 0 18px;text-transform:uppercase}.website-figure p{color:hsla(0,0%,100%,.9);font-size:14px;line-height:1.5;margin:0 0 24px}.website-figure .icons a{display:inline-flex}.website-figure .icons svg{border-radius:10px;color:#fff;height:55px;padding:8px;transition:.3s;width:55px}.website-figure .icons svg:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media (max-width:1400px) and (min-width:600px){.website-figure{height:220px;max-width:385px}}@media (max-width:500px){.portfolio h2{font-size:40px}.website-figure{height:235px;max-width:100%;width:100%}}.footer{align-items:center;background:linear-gradient(90deg,#9600f9,#0008c6);display:flex;height:auto;justify-content:space-between;padding:2em;width:100%}.footerLogo{left:60px;max-width:100%;position:relative;width:100px}.footerIcons{margin-top:0}.footer h3{font-family:Orbitron,sans-serif;letter-spacing:1px;text-align:center}.footerIcons .social-icon{font-size:25px;height:50px;width:50px}.footer .social-icons-bio ul{margin:0}.footer .social-icons-bio ul li a span:first-child,.footer .social-icons-bio ul li a span:nth-child(2),.footer .social-icons-bio ul li a span:nth-child(3),.footer .social-icons-bio ul li a span:nth-child(4){background:var(--white)}@media screen and (max-width:500px){.footer{display:block;padding-bottom:3em;padding-left:1em;padding-right:1em}.footer div{width:100%}.footer h3{margin-bottom:25px}}
/*# sourceMappingURL=main.fa5f688c.css.map*/