*{box-sizing:border-box;position:relative}.App,body{background-color:inherit;color:inherit;height:100vh;overflow:hidden auto;padding:0;width:100vw;margin:0;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.img-txt{background-size:cover;height:1em;width:1em;margin:0 .5em}.crop-excess{text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap}.crop-excess.hov:hover{overflow:visible;white-space:normal}.max,.fw{width:100%}.max,.fh{height:100%}.mega-max{height:100vh;width:100vw}.hide{display:none!important}.disappear{visibility:hidden!important}.no-trans{transition:unset!important}.no-btn{background-color:transparent;border:none;color:inherit;font-weight:600;outline:none}.no-link{color:inherit;text-decoration:none}.mid-align{align-items:center}.abs,.abs-mid,.abs-mid-y,.abs-top{position:absolute}.abs-top{top:0;left:0}.abs-mid{margin:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.abs-mid-y{margin:auto;top:50%;transform:translateY(-50%)}.center-text{text-align:center}.side-scroll{scroll-snap-type:x proximity;overflow:auto hidden}.side-scroll>*{flex:0 0 auto;scroll-snap-align:start}.hid-scroll::-webkit-scrollbar{width:0;height:0}.custom-scroll::-webkit-scrollbar{background-color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:7px}.custom-scroll::-webkit-scrollbar-track{background-color:inherit}.custom-scroll::-webkit-scrollbar-thumb{background-color:var(--sec-col);border-radius:1rem;cursor:pointer}.custom-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--tert-col)}.even-space{justify-content:space-evenly}.mx-auto{margin:auto}.br-5{border-radius:.5em}.br-1{border-radius:1em}@media screen and (max-width: 768px){.md-flex-col{display:flex;flex-direction:column}.md-fw{width:100%!important}.custom-scroll::-webkit-scrollbar{width:2px}}:root{--main-bg: #000316;--sec-col: #7a00ff;--tert-col: #5200cc;background-color:var(--main-bg);color:#fff;font-size:18px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.img-box>img{object-fit:cover;object-position:center}hr{border-color:#00000050}p{font-size:1rem;color:#bbb;margin:0}.pad{padding-left:10px;padding-right:10px}li{list-style:none}ol,ul{padding:unset}.box{padding-top:50px;padding-bottom:50px;margin:50px auto;scroll-margin-top:100px}.btn-primary{background-color:#7a00ff;color:#fff;border:none;border-radius:20px;padding:1px;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out}.btn-primary>*{padding:10px 20px}.btn-primary.sec>*{background-color:var(--main-bg);border-radius:inherit}a.btn-primary{display:inline-block}.btn-primary:hover{background-color:#5200cc;transform:translateY(-2px)}.my-services .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.my-services .service-card{background:#1a003e;border:1px solid #7a00ff;border-radius:1.5em;padding:20px;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease-in-out}.my-services .service-card:hover{transform:translateY(-10px)}.my-services .service-card h4{color:#fff;margin-bottom:10px}.my-services .service-card p{color:#bbb;font-size:.9rem}.my-workflow{padding:100px 20px;background-color:#1a003e;color:#fff}.my-workflow h3{color:#7a00ff}.my-workflow .workflow-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.my-workflow .workflow-card{background:#2b024e;width:250px;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0000004d;text-align:center}.my-workflow .workflow-card h4{color:#fff}.my-workflow .workflow-card p{color:#bbb;margin-top:10px;font-size:.9rem}.my-recent-projects{background-color:#0d022d}.my-recent-projects .project-card{background:#1a003e;border-radius:1.5rem;width:min(100%,365px);transition:.2s;overflow:hidden;box-shadow:0 4px 10px #0006}.my-recent-projects .project-card:hover{box-shadow:0 4px 10px #000000b3;transform:translateY(-10px)}.technologies{padding:100px 20px;background-color:#1a003e;color:#fff;text-align:center}.technologies h3{color:#7a00ff}.technologies .tech-logos{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:40px}.technologies .tech-logos img{height:50px;transition:transform .3s ease-in-out}.technologies .tech-logos img:hover{transform:scale(1.1)}.call-to-action{padding:100px 20px;background-color:#ffffff30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center}.call-to-action h3{font-size:2rem;color:#fff;margin-bottom:20px}.call-to-action .btn-primary{margin-top:20px}@media screen and (min-width: 768px){.placeholder{width:auto;height:100%}.pad{padding-left:35px;padding-right:35px}}.home{height:82.5vh;transform:translateY(0);opacity:1;transition:.75s ease-in-out}.home .brand{background:linear-gradient(135deg,var(--tert-col) 10%,var(--sec-col),pink);font-size:200%;font-weight:800;animation:gradient-anime 2s ease-in-out both alternate-reverse infinite;background-position:0 50%;-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:transparent}.home .socials-list{bottom:0}.home .socials-list:after,.home .socials-list:before{content:"";background-color:var(--sec-col)}.home .socials-list>*{opacity:1;transition:.5s .75s ease;transform:translate(0)}@media screen and (min-width: 768px){.home .socials-list{flex-direction:column}.home .socials-list:after{height:100px;width:1px}@starting-style{.home .socials-list>*{transform:translateY(-10px);opacity:0}}}@media screen and (max-width: 768px){.home .socials-list:before{height:1px;width:100px}@starting-style{.home .socials-list>*{transform:translate(10px);opacity:0}}}@starting-style{.home{transform:translateY(50px);opacity:0}}.me-img .myPic-bg{aspect-ratio:1/1;background-color:var(--sec-col);width:60%;clip-path:circle()}.me-img .img-cont{background-color:transparent;clip-path:circle();overflow:hidden}.me-img img{width:100%}@keyframes gradient-anime{0%{background-position:0 50%}to{background-position:100% 100%}}.Skills.can-animate *{opacity:0;transition:.5s ease-in-out;transform:translateY(30px)}.Skills.animated *{opacity:1;transform:translateY(0)}.Skills.no-emp *{scale:.9}.about-me{background-color:#1a003e}.about-me.can-animate *{opacity:0;transition:.5s ease-in-out;transform:translateY(30px)}.about-me.animated *{opacity:1;transform:translateY(0)}.about-me.no-emp *{scale:.9}.about-me em{font-size:125%;color:var(--sec-col)}.about-me .my-pic{aspect-ratio:1/1;border-radius:50%;overflow:hidden;background-color:transparent;margin:auto;width:min(80%,300px)}.about-me .my-pic:before{content:"";aspect-ratio:1/1;background-color:var(--sec-col);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;clip-path:circle()}.my-recent-projects .img-box{aspect-ratio:1/1;overflow:hidden;background-color:transparent;margin:auto}.my-recent-projects small{color:#888}.my-recent-projects .project-card.can-animate{opacity:0;transition:.5s ease-in-out;transform:translateY(30px)}.my-recent-projects .project-card.can-animate.animated{opacity:1;transform:translateY(0)}.my-navbar{top:10px;left:0;position:fixed;width:calc(100% - 10px);z-index:5}.my-navbar .nav-content{background-color:#ffffff15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1em;width:min(90%,700px)}.my-navbar nav{padding-top:10px;padding-bottom:10px}.my-navbar .nav-link{color:#aaa;font-weight:500;text-shadow:0 0 5px #111;text-wrap:nowrap;transition:.25s ease-in-out}.my-navbar .nav-link:hover{color:#fff}.my-navbar .menu{padding:20px 0;transition:.3s;height:auto}@starting-style{.my-navbar .menu{height:0px;padding:0}}.my-navbar .menu .close{height:0px;padding:0}.my-navbar .menu .nav-link{opacity:1;transform:translateY(0)}.close :is(.my-navbar .menu .nav-link){transform:translateY(10px);opacity:0}