@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{margin:0;padding:0;background:#081b29;box-sizing:border-box;font-family:Open Sans,sans-serif}html{scroll-behavior:smooth}header{position:fixed;top:0;left:0;width:100%;padding:1.4em 2em;z-index:1000;display:flex;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:transparent;transition:.3s;align-items:center;justify-content:space-between;box-shadow:4px 9px 8px #0c3f63}header .logo{position:relative;background:linear-gradient(to right,#b17cea 10%,#00abf0 90%);color:transparent;background-clip:text;-webkit-background-clip:text;font-weight:750;font-size:1.5em}header .logo:after{content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:#081b29;animation:logo_side .4s ease forwards;animation-delay:1s}@keyframes logo_side{to{width:0}}.navbar{position:relative;background:transparent}.navbar:after{content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:#081b29;z-index:200;animation:navBar_side .8s ease forwards;animation-delay:2.4s}@keyframes navBar_side{to{width:0}}.navbar a{text-decoration:none;text-transform:uppercase;background:transparent;color:#d6e0e4;margin:0 1em;transition:.3s}.navbar .active,.navbar a:hover{color:#00abf0}.menu{display:none;transition:.3s}.menu a i{color:transparent;background:linear-gradient(to right,#b17cea 10%,#00abf0 90%);-webkit-background-clip:text;background-clip:text;font-size:1.7em}.hidder_section{height:100vh;width:98vw;display:flex;justify-content:center;align-items:center}.hidder_section div{display:flex;flex-direction:column}.hidder_section div a{color:#d6e0e4;text-decoration:none;text-transform:uppercase;font-size:1.5em;opacity:0;transition:.3s;margin:.7em 0}.toggleClass{display:none}.hidder_section div a:nth-child(1){color:transparent;background:linear-gradient(to right,#b17cea 10%,#00abf0 90%);-webkit-background-clip:text;background-clip:text}.hidder_section div a:nth-child(1){animation:slide1 .5s ease forwards;animation-delay:.1s}.hidder_section div a:nth-child(2){animation:slide2 .5s ease forwards;animation-delay:.3s}.hidder_section div a:nth-child(3){animation:slide3 .5s ease forwards;animation-delay:.5s}.hidder_section div a:nth-child(4){animation:slide4 .5s ease forwards;animation-delay:.7s}.hidder_section div a:nth-child(5){animation:slide4 .5s ease forwards;animation-delay:.7s}.hidder_section div a:hover{color:transparent;background:linear-gradient(to right,#b17cea 10%,#00abf0 90%);-webkit-background-clip:text;background-clip:text}.hidder_section div a:active{transform:scale(.7)}@keyframes slide1{0%{transform:translateY(2em);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide2{0%{transform:translateY(2em);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide3{0%{transform:translateY(2em);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide4{0%{transform:translateY(2em);opacity:0}to{transform:translateY(0);opacity:1}}.introduction{margin-top:5.9em;margin-bottom:1em;padding:0 4em;display:flex;align-items:center}.introduction_div{display:flex;flex-direction:column;text-align:center;align-items:center}.introduction h1{background:linear-gradient(to right,#b17cea,#c871e7,#00abf0);background-clip:text;color:transparent;-webkit-background-clip:text;font-weight:700;font-size:5em;position:relative;line-height:1.3em;transition:.4s}.introduction .Photo{background:linear-gradient(to right,#b17cea,#c871e7,#00abf0);border:2px solid transparent;background-clip:border-box;overflow:hidden;border-radius:50%;width:12em;height:12em}.introduction .Photo img{object-fit:cover;cursor:pointer;object-position:center;width:100%;transition:.3s}.introduction .Photo img:hover{transform:scale(1.2)}.introduction h1:after{content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:#081b29;animation:h1_side .6s ease forwards;animation-delay:1.2s}@keyframes h1_side{to{width:0}}.introduction h3{color:#d6e0e4;font-weight:bolder;position:relative;font-size:1.5em;margin-top:.4em;transition:.4s}.introduction span{color:#00abf0}.introduction h3:after{content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:#081b29;animation:h3_side .8s ease forwards;animation-delay:1.5s}@keyframes h3_side{to{width:0}}.introduction .sparkle{color:#c45fe3;margin-top:1em;background:#322641}.introduction .AvailableToWork{border:.000001em solid #4c3c60;display:flex;position:absolute;cursor:none;top:1em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#322641;align-items:center;justify-content:space-between;height:2.5em;overflow:hidden;border-radius:2em;padding:0 1.2em;transition:.3s}.introduction .AvailableToWork:after{content:"";top:0;right:0;background:#081b29;position:absolute;height:100%;width:100%;animation:AvailableToWork_side .5s ease forwards;animation-delay:1.3s}@keyframes AvailableToWork_side{to{width:0}}.introduction .AvailableToWork div{background:#322641}.introduction .AvailableToWork .paragraph{background:#322641;color:#c45fe3;font-size:.8em}.introduction p{color:#9db0b7;margin:1.4em 0;transition:.4s;line-height:1.5em;font-size:1.3em;position:relative}.introduction p:after{content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:#081b29;animation:p_side .5s ease forwards;animation-delay:1.8s}@keyframes p_side{to{width:0}}.introduction .button{display:flex;position:relative;flex-wrap:wrap;justify-content:space-between;transition:.3s}.introduction .button:after{content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:#081b29;animation:button_side .6s ease forwards;animation-delay:2s;z-index:100}@keyframes button_side{to{width:0}}.introduction .button a{padding:.4em 1.5em;text-decoration:none;font-size:large;position:relative;box-sizing:border-box;margin:0 .5em;border:2px solid #00abf0;color:#081b29;font-weight:700;background:linear-gradient(to right,#b17cea 10%,#00abf0 90%);border-radius:.5em;z-index:1;transition:.3s}.introduction .button a:nth-child(2){color:#00abf0;background:transparent}.introduction .button a:nth-child(1):before{content:"";position:absolute;height:100%;top:0;left:0;width:0;background:#081b29;z-index:-1;transition:.3s}.introduction .button a:nth-child(2):before{content:"";position:absolute;height:100%;top:0;left:0;width:0;background:linear-gradient(to right,#b17cea 10%,#00abf0 90%);z-index:-1;transition:.3s}.introduction .button a:nth-child(1):hover:before{width:100%}.introduction .button a:nth-child(1):hover{color:#00abf0}.introduction .button a:nth-child(2):hover:before{width:100%}.introduction .button a:nth-child(2):hover{color:#081b29}.introductio_footer{padding:1.6em 1.3em;position:relative;display:flex;justify-content:center;margin-top:2em;align-items:center}.introductio_footer:after{content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:#081b29;animation:footer_side 1.8s ease forwards;z-index:100;animation-delay:1.8s}.introduction .downWordIcon{position:absolute;bottom:-.9em;z-index:102;background:transparent;animation:up_down 1s ease-in-out infinite forwards;animation-delay:.4s}.introduction .downWordIcon i{color:transparent;background:linear-gradient(to right,#b17cea,#c871e7,#00abf0);-webkit-background-clip:text;background-clip:text;font-size:2.4em;z-index:200000}@keyframes up_down{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes footer_side{to{width:0}}.introductio_footer div{width:13em;display:flex;justify-content:space-between}.introductio_footer div a{text-decoration:none;font-size:1.3em;color:#00abf0;padding:.4em .6em;transition:.3s;position:relative;border-radius:2em;border:2px solid #00abf0;overflow:hidden;z-index:1}.introductio_footer div a:nth-child(1):after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(to right,#b17cea 10%,#00abf0 90%);z-index:-1;transition:.3s}.introductio_footer div a i{background:transparent}.introductio_footer div a:nth-child(1):hover:after{width:100%}.introductio_footer div a:nth-child(1):hover i{color:#081b29}.introductio_footer div a:nth-child(2):hover i{color:#081b29}.introductio_footer div a:nth-child(3):hover i{color:#081b29}.introductio_footer div a:nth-child(2):after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(to right,#b17cea 10%,#00abf0 90%);z-index:-1;transition:.3s}.introductio_footer div a:nth-child(2):hover:after{width:100%}.introductio_footer div a:nth-child(3):after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(to right,#b17cea 10%,#00abf0 90%);z-index:-1;transition:.3s}.introductio_footer div a:nth-child(3):hover:after{width:100%}@media(max-width:950px){.introduction h1{font-size:4em}}@media(max-width:700px){.introduction h1{font-size:3.2em}.introduction h3{font-size:1.9em}.introduction p{font-size:small}.introduction .button{justify-content:center}.introduction .button a{margin:.5em 0}.introduction .button{max-width:17em}}@media(max-width:597px){.introduction h1{font-size:2.7em}.introduction h3{font-size:1.5em}.introduction p{font-size:small}}@media(max-width:600px){.navbar{display:none}.menu{display:block}}@media(max-width:487px){.introduction .AvailableToWork{top:0;opacity:.6}.introduction h3{font-size:1.1em}.introduction .introductio_footer div a{font-size:1.3em;padding:.3em .5em}.introductio_footer{margin-top:0}}@media(max-width:389px){.introduction .AvailableToWork{opacity:.6}.introduction .button a{margin:.3em;padding:.3em .4em;font-size:1.3em}.introduction{padding:0 1.3em}.introduction h3{font-size:1.3em}.introduction p{font-size:.9em}.introduction .button{margin-bottom:4em}header{padding:1.6em 1.3em}.introductio_footer{padding:1.6em 1.3em}}.whatido,.featured_project{padding:0 4em;margin:9em 0;color:#00abf0}.skill{padding:0 2em;margin:9em 0;color:#00abf0}.featured_project{padding:0 .7em;margin:9em 0;color:#00abf0}.transparent-footer{background-color:transparent;text-align:center;padding:2em 0;border-top:2px solid #293238;font-size:1.2em;color:#b982d6}.contact{padding:0 2em;margin:9em 0;color:#00abf0}.contact .about{display:flex;flex-direction:column;align-items:center;margin:2em 0}.contact .contactheading,.contact .contactparagraph{text-align:center}.contact .about h1{font-size:3.7em;background:linear-gradient(to right,#b17cea 10%,#00abf0 90%);color:transparent;-webkit-background-clip:text;background-clip:text}.contact .about p{color:#9db0b7;max-width:35em;margin:1.6em 0;transition:.4s;background:transparent;line-height:1.5em;font-size:1.3em}.contact_main .getintouch h2{color:#d6e0e4;margin-bottom:.2em}.contact_main .getintouch p{font-size:1em}.contact_main{display:grid;grid-template-columns:repeat(2,1fr)}.contact_main .getintouch{margin:1em;display:flex;flex-direction:column}.contact_main .getintouch .card{overflow:hidden;padding:1em;background:#162027;border:1px solid #474747;border-radius:1em;display:flex;align-items:center;margin:1em 0;transition:1s;cursor:pointer}.contact_main .getintouch .card div{background:#162027;margin:0 1em}.contact_main .getintouch .card p,.contact_main .getintouch .card a,.contact_main .getintouch .card i,.contact_main .getintouch .card h2{background:#162027}.contact_main .getintouch .card a{padding:1em;display:inline-flex;justify-content:center;align-items:center;border-radius:1em!important;background:#162027;border:2px solid #d908e4}.contact_main .getintouch .card h2{font-size:1em;font-weight:600}.contact_main .getintouch .card h2,.contact_main .getintouch .card p{margin:0!important;padding:0!important}.contact_main .getintouch .card a i,.contact_main .getintouch .myresume i{color:#d6e0e4;font-size:1.4em}.contact_main .getintouch .myresume{display:flex;justify-content:start;align-items:center}.contact_main .getintouch .myresume p{margin:0;color:#d6e0e4;font-weight:500}.contact_main .getintouch .myresume i{background:transparent;margin-right:1em}.contact_main .getintouch .myresume a{display:flex;align-items:center;margin:1em 0;text-decoration:none;border-radius:2em;padding:1em 1.4em;background:#8b45d7}.whatido .about,.featured_project .about,.skill .about{display:flex;flex-direction:column;align-items:center;text-align:center;margin:2em 0}.whatido .about h1,.featured_project .about h1,.skill .about h1{font-size:3.7em;background:linear-gradient(to right,#b17cea 10%,#00abf0 90%);color:transparent;-webkit-background-clip:text;background-clip:text}.featured_project .about h1{font-size:3.1em}.whatido .about p,.featured_project .about p,.skill .about p{color:#9db0b7;max-width:35em;margin:1.2em 0;transition:.4s;background:transparent;line-height:1.5em;font-size:1.3em}.whatidocard{overflow:hidden;padding:2em;background:#162027;border:1px solid #474747;border-radius:1em;margin:1em;transition:1s;cursor:pointer}.skill_card .known_tech,.skill_card .techname,.percentage_width,.loading{background:#162027}.skill_card{overflow:hidden;padding:2em;background:#162027;border:1px solid #474747;display:flex;flex-direction:column;justify-content:center;border-radius:1em;margin:1em;transition:1s;cursor:pointer}.featured_project_card{overflow:hidden;background:#162027;border:1px solid #474747;border-radius:1em;margin:1em;transition:1s;cursor:pointer}.whatido .card,.featured_project .card{display:grid;grid-template-columns:repeat(2,1fr);transition:.3s}.skill .card{display:grid;grid-template-columns:repeat(3,1fr);transition:.5s}.featured_project_card .image{height:16em;overflow:hidden;width:100%}.featured_project_card img{height:100%;transition:.3s;width:100%}.featured_project_card:hover img{transform:scale(1.1)}.featured_project_card:hover h2{transition:.9s}.featured_project_card:hover h2{background:linear-gradient(to right,#b17cea 10%,#00abf0 90%);color:transparent;-webkit-background-clip:text;background-clip:text}.whatidocard:hover{transform:translateY(-1em)}.whatidocard a{padding:.7em;display:inline-flex;justify-content:center;align-items:center;border-radius:1em!important;margin-bottom:1.8em;background:#162027}.whatidocard a:before{content:""}.whatidocard a i{color:#d6e0e4;font-size:2.3em;background:#162027}.whatidocard h2{color:#f0f8ff;text-align:center;background:#162027}.featured_project_card h2{color:#f0f8ff;background:transparent}.skill_card h2{color:#f0f8ff;text-align:center;background:#162027;margin-bottom:1.5em}.skill_card .known_tech .techname{display:flex;justify-content:space-between}.skill_card .known_tech span:nth-child(1){color:#9db0b7;font-weight:600}.skill_card .known_tech .percentage_width{height:.6em;border-radius:1.2em;background:#192731;margin:.5em 0}.skill_card .known_tech .loading{background:linear-gradient(to right,#8b45d7,#00abf0,#54bfea);height:100%;border-radius:1.2em;width:0}.skill_card .known_tech span:nth-child(2){color:#b17cea;font-size:.9em;font-weight:600}.skill_card .known_tech{margin-bottom:1em}.featured_project_card .detail{padding:2em}.featured_project p{color:#9db0b7;max-width:35em;margin:.7em 0;transition:.4s;line-height:1.5em;font-size:1em}.featured_project .used_techstack{margin:1em 0}.featured_project .used_techstack span{display:inline-block;padding:.4em .8em;margin-left:.4em;margin-top:.4em;color:#e7aafd;background:#302939;font-size:.86em;border:1px solid #2d2733;border-radius:2em}.whatidocard p{color:#9db0b7;max-width:35em;margin:.7em 0;transition:.4s;background:#162027;line-height:1.5em;font-size:1.1em}.featured_project_card .buttons{display:flex}.featured_project_card .btn a,.featured_project_card .btn span{background:transparent}.featured_project_card .btn span{background:transparent;color:#c45fe3;font-weight:700;font-size:.7em}.featured_project_card .btn a{margin-right:.6em}.featured_project_card .buttons .btn:nth-child(2){background:linear-gradient(to right,#ab0bdc,#ee2cb4)}.featured_project_card .btn:nth-child(2) a,.featured_project_card .btn span{background:transparent}.featured_project_card .btn:nth-child(2) span{background:transparent;color:#d6e0e4;font-weight:700;font-size:.7em}.featured_project_card .btn:nth-child(2) i{background:transparent;color:#d6e0e4}.featured_project_card .btn i{background:transparent;color:#b17cea}.featured_project_card .btn{display:flex;justify-content:space-between;align-items:center;padding:.3em .8em;border-radius:.4em;transition:.3s;margin:.5em .8em;background:#d6e0e4;border:2px solid #4c3c60}.featured_project_card .btn:active{transform:scale(.7)}@media(max-width:886px){.introduction .AvailableToWork{top:0;opacity:.6}.skill .card{display:grid;grid-template-columns:repeat(2,1fr)}.whatido .card,.featured_project .card{grid-template-columns:repeat(1,1fr)}.whatidocard{margin:1em 0}.whatido,.featured_project{padding:0 1em}}@media(max-width:700px){.skill .card{grid-template-columns:repeat(1,1fr)}.contact .contactheading{font-size:2.7em!important}.contact .contactparagraph{font-size:1.2em!important;font-weight:600}.contact_main .getintouch .myresume{justify-content:center}.contact_main{display:grid;grid-template-columns:repeat(1,1fr)}.skill{padding:0 .5em}}@media(max-width:400px){.skill{padding:0 .1em}}@media(max-width:390px){.featured_project_card .detail{padding:1em}.featured_project_card{margin:.8em .5em}.featured_project_card .btn{margin:.2em}.whatido,.featured_project{padding:0 .9em}.whatido .about h1,.featured_project .about h1{font-size:3.2em}.whatido .about,.featured_project .about{margin:0 .9em}}@media(max-width:350px){.skill_card{margin:1em .3em}}@media(max-width:320px){.whatido,.featured_project{padding:0 .8em}.whatido .about h1,.featured_project .about h1{font-size:3em}.whatido .about,.featured_project .about{margin:0 .6em}}.contact-form{max-width:400px;margin:auto;padding:20px;background:transparent;display:flex;flex-direction:column;gap:15px}.contact-form label{color:#d6e0e4;font-weight:500}.contact-form input,.contact-form textarea{padding:10px 14px;border:1px solid #7c217e;border-radius:6px;background:transparent;color:#fff;font-size:16px;transition:border-color .3s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9db0b7}.contact-form input:focus,.contact-form textarea:focus{border-color:#8228db;outline:none}.contact-form button{padding:10px 16px;background:#8b45d7;color:#d6e2e4;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:.3s}.contact-form button:hover{background-color:#af7de5}.contact-form button:active{transform:scale(.78)}