body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Home{background:#060010;display:flex;flex-direction:column;position:relative;width:100%}.particles-canvas{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.Home_title{align-items:center;animation:fadeUp .9s ease-out both;color:#fff;display:flex;font-family:Jacques Francois,serif;font-size:clamp(1.7rem,4vw,3.2rem);justify-content:center;line-height:1.45;margin:0;min-height:100vh;padding:0 6%;position:relative;text-align:center;text-shadow:0 0 50px #a855f773;z-index:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.about-me-section{background:linear-gradient(180deg,#0000,#060010 8%);color:#fff;display:flex;justify-content:center;padding:5rem 8% 4rem;position:relative;z-index:1}.about-me{align-items:center;display:flex;flex-direction:column;font-family:Jacques Francois,serif;gap:1.5rem;max-width:860px;text-align:center;width:100%}.about-me h2{color:#c084fc;font-size:clamp(1.5rem,3vw,2.2rem);margin:0;text-shadow:0 0 20px #c084fc59}.my-picture{border:3px solid #9333ea;border-radius:50%;box-shadow:0 0 35px #9333ea66;flex-shrink:0;height:clamp(140px,16vw,260px);overflow:hidden;transition:box-shadow .3s ease;width:clamp(140px,16vw,260px)}.my-picture img{height:100%;object-fit:cover;width:100%}.my-picture:hover{box-shadow:0 0 55px #c084fc8c}.about-me-text{font-family:Jacques Francois,serif;font-size:clamp(.9rem,1.4vw,1.05rem);line-height:1.85;max-width:700px;opacity:.82;text-align:center}.highlight-container{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1.6rem;padding:2rem 8% 6rem;position:relative;z-index:1}.personal-highlights{color:#fff;font-family:Jacques Francois,serif;font-size:clamp(1.5rem,2.8vw,2.2rem);margin:0;text-align:center;text-shadow:0 0 20px #9333ea4d}.higlights-content{align-items:stretch;display:flex;flex-direction:row;gap:1.2rem;justify-content:center;max-width:1050px;width:100%}.big-box{border-radius:14px;cursor:pointer;flex:1.3 1;min-height:clamp(240px,30vw,450px);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.big-box img{display:block;filter:brightness(.82);height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.big-box:hover{box-shadow:0 0 30px #9333ea66;transform:scale(1.03)}.big-box:hover img{filter:brightness(.72)}.two-buttons{display:flex;flex:1 1;flex-direction:column;gap:1.2rem;min-height:clamp(240px,30vw,450px)}.small-box{border-radius:14px;cursor:pointer;flex:1 1;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.small-box img{display:block;filter:brightness(.78);height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.small-box:hover{box-shadow:0 0 25px #9333ea59;transform:scale(1.04)}.small-box:hover img{filter:brightness(.65)}.contact-button{align-self:center;background:linear-gradient(90deg,#7c3aed,#4c1d95);border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Jacques Francois,serif;font-size:clamp(.95rem,1.5vw,1.15rem);margin-top:.5rem;padding:.8rem 2.6rem;transition:transform .35s cubic-bezier(.25,1,.5,1),box-shadow .35s ease,background .3s ease}.contact-button:hover{background:linear-gradient(90deg,#9333ea,#6b21a8);box-shadow:0 0 24px #9333ea80;transform:scale(1.07)}@media(max-width:1024px){.higlights-content{max-width:100%}}@media(max-width:768px){.about-me-section{padding:3.5rem 5% 3rem}.my-picture{height:150px;width:150px}.about-me-text{font-size:1rem}.highlight-container{padding:2rem 5% 4rem}.higlights-content{flex-direction:column}.big-box{min-height:220px;width:100%}.two-buttons{min-height:0;min-height:auto;width:100%}.small-box{min-height:160px}}@media(max-width:480px){.Home_title{font-size:clamp(1.3rem,6.5vw,1.8rem);padding:0 5%}.about-me-section{padding:3rem 4% 2.5rem}.highlight-container{padding:1.5rem 4% 3.5rem}}.project{align-items:center;background-color:#060010;color:#fff;display:flex;flex-direction:column;font-family:Jacques Francois,serif;min-height:100vh;padding:0 5%;width:100%}.project .title{align-self:flex-start;font-size:clamp(1.8rem,4vw,3rem);margin-bottom:0;margin-top:15%}.project .filter-buttons{align-self:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:2vw;margin-bottom:5vh}.project .filter-buttons button{background:#1a0a3c;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Jacques Francois,serif;font-size:clamp(12px,1.3vw,15px);overflow:hidden;padding:10px clamp(14px,2vw,30px);position:relative;transition:transform .2s ease-in-out}.project .filter-buttons button:hover{background:linear-gradient(100deg,#6b21a8,#3b0764);transform:scale(1.05)}.project .filter-buttons button:before{background:radial-gradient(circle,#c084fc66 10%,#fff0 70%);content:"";inset:0;opacity:.2;position:absolute;transition:opacity 1s ease-in-out}.project .filter-buttons button:hover:before{opacity:1}.project .projects-grid{grid-gap:20px;align-self:flex-start;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:15%;max-width:1200px;width:100%}.project .project-box{aspect-ratio:16/10;background:#1a0a3c;border-radius:20px;cursor:pointer;overflow:hidden;position:relative;text-align:center;transition:transform .3s ease-in-out,opacity .3s ease,box-shadow .3s ease}.project .project-box img{height:100%;object-fit:cover;width:100%}.project .project-box:before{background:#0000;content:"";inset:0;position:absolute;transition:background .3s ease-in-out;z-index:1}.project .project-box .overlay{color:#fff;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:700;left:50%;position:absolute;text-shadow:2px 2px 10px #000c;top:50%;transform:translate(-50%,-50%);z-index:2}.project .project-box:hover{box-shadow:0 0 24px #9333ea59;opacity:.82;transform:scale(1.04)}@media(max-width:768px){.project{padding:0 4%}.project .title{margin-top:12vh}.project .filter-buttons{gap:.6rem}.project .projects-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:480px){.project .projects-grid{grid-template-columns:1fr}}.internship{align-items:center;background:#060010;color:#fff;display:flex;flex-direction:column;font-family:Jacques Francois,serif;min-height:100vh;padding:0 5% 6%;width:100%}.internship .title{font-size:clamp(1.6rem,3.5vw,2.5rem);margin-bottom:4%;margin-top:10vh;text-align:center;text-shadow:0 0 20px #c084fc4d}.internship .intern-layout{display:flex;flex-direction:column;gap:1.4rem;max-width:1100px;width:100%}.internship .internship-box{background:#120830;border-radius:20px;cursor:pointer;height:clamp(110px,12vw,160px);overflow:hidden;position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease;width:100%}.internship .internship-box img{border-radius:10px 0 0 10px;display:block;float:left;height:100%;object-fit:cover;width:clamp(90px,18%,190px)}.internship .internship-box .overlay{color:#fff;font-size:clamp(.85rem,1.4vw,1.05rem);font-weight:700;left:clamp(100px,21%,210px);padding-right:1rem;position:absolute;text-shadow:2px 2px 10px #000c;top:50%;transform:translateY(-50%)}.internship .internship-box .overlay .title{font-size:clamp(1rem,1.8vw,1.3rem);font-weight:700;margin:0 0 5px;text-shadow:0 0 12px #c084fc4d}.internship .internship-box .overlay .description{font-size:clamp(.75rem,1.1vw,.9rem);margin-bottom:8px;opacity:.45}.internship .internship-box .overlay .skills{display:flex;flex-wrap:wrap;gap:8px}.internship .internship-box .overlay .skills .skill{background:#9333ea1f;border:2px solid #9333ea;border-radius:10px;color:#c084fc;font-size:clamp(11px,1vw,13px);font-weight:700;padding:4px 10px;transition:all .3s ease-in-out}.internship .internship-box .overlay .skills .skill:hover{background:#4c1d95;color:#fff}.internship .internship-box:before{background:#4c1d9526;border-radius:20px;content:"";inset:0;pointer-events:none;position:absolute;transition:background .3s ease-in-out}.internship .internship-box:hover{box-shadow:0 0 24px #9333ea4d;opacity:.9;transform:scale(1.02)}@media(max-width:900px){.internship .internship-box{height:auto;min-height:100px}.internship .internship-box img{height:100px;width:25%}.internship .internship-box .overlay{left:28%}}@media(max-width:600px){.internship{padding:0 4% 5%}.internship .internship-box{display:flex;flex-direction:column;height:auto}.internship .internship-box:before{display:none}.internship .internship-box img{border-radius:10px 10px 0 0;float:none;height:130px;width:100%}.internship .internship-box .overlay{display:flex;flex-direction:column;gap:.4rem;left:auto;padding:.75rem 1rem 1rem;position:static;top:auto;transform:none}.internship .internship-box .overlay .title{margin-top:0}}.contact{background:#060010;color:#fff;font-family:Jacques Francois,serif;justify-content:center;min-height:100vh;padding:0 5% 6%}.contact,.contact-2{display:flex;width:100%}.contact-2{align-items:center;flex-direction:column;max-width:560px}.contact-title{color:#fff;font-family:Jacques Francois,serif;font-size:clamp(1.6rem,3.5vw,2.2rem);margin-bottom:2rem;margin-top:12vh;text-align:center;text-shadow:0 0 20px #c084fc59}form{align-items:stretch;display:flex;flex-direction:column;gap:.2rem;width:100%}.prompt{font-size:clamp(.9rem,1.5vw,1.05rem);margin:.7rem 0 .25rem}input,textarea{background:#9333ea12;border:2px solid #9333ea;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Jacques Francois,serif;font-size:clamp(.85rem,1.3vw,1rem);padding:10px 14px;transition:border-color .25s ease,box-shadow .25s ease;width:100%}input:focus,textarea:focus{border-color:#c084fc;box-shadow:0 0 12px #9333ea59;outline:none}input::placeholder,textarea::placeholder{color:#ffffff4d}textarea{min-height:110px;resize:vertical}.send{align-self:center;background:linear-gradient(90deg,#7c3aed,#4c1d95);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Jacques Francois,serif;font-size:clamp(.9rem,1.3vw,1rem);margin-bottom:2rem;margin-top:1.2rem;padding:10px 20px;transition:transform .3s cubic-bezier(.25,1,.5,1),background .3s ease,box-shadow .3s ease;width:clamp(110px,35%,160px)}.send:hover{background:linear-gradient(90deg,#9333ea,#6b21a8);box-shadow:0 0 18px #9333ea73;transform:scale(1.06)}.pic{cursor:pointer;display:flex;flex-direction:row;gap:1.5rem;justify-content:center;margin-bottom:2rem}.pic img{border:2px solid #9333ea;border-radius:8px;height:clamp(40px,8vw,56px);object-fit:cover;transition:transform .25s ease,box-shadow .25s ease;width:clamp(40px,8vw,56px)}.pic img:hover{box-shadow:0 0 14px #9333ea80;transform:scale(1.1)}@media(max-width:480px){.contact{padding:0 4% 5%}.contact-title{margin-top:10vh}}.ProjectsPage{background:#060010;color:#fff;display:flex;flex-direction:column;font-family:Jacques Francois,serif;min-height:100vh}.content{align-self:center;margin-left:5%;margin-right:5%;margin-top:clamp(4rem,8vh,7rem);max-width:1100px;padding-bottom:6%;width:90%}.image{margin-bottom:30px;overflow:hidden;position:relative}.image,.image img{border-radius:15px;width:100%}.image img{display:block;height:clamp(180px,28vw,400px);object-fit:cover}.image .overlay{color:#fff;font-size:clamp(1.5rem,4vw,3rem);font-weight:700;left:50%;position:absolute;text-align:center;text-shadow:3px 3px 12px #000c;top:50%;transform:translate(-50%,-50%);width:90%}.skill-title{color:#c084fc;font-size:clamp(.9rem,1.4vw,1.05rem);margin:1rem 0 .4rem}.skilli{background:#9333ea1f;border:2px solid #9333ea;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:clamp(11px,1vw,14px);font-weight:700;margin:0 .5% .5rem 0;padding:5px 12px;transition:all .3s ease-in-out}.skilli:hover{background:#4c1d95;box-shadow:0 0 10px #9333ea66;color:#fff}.description-title{color:#c084fc;font-size:clamp(.9rem,1.4vw,1.05rem);margin:1.5rem 0 .4rem}.description-body{font-size:clamp(.85rem,1.3vw,1rem);line-height:1.75;margin-bottom:2rem;margin-right:10%;opacity:.82}.link{border:none;border-radius:10px;height:clamp(280px,50vh,100vh);margin-bottom:4%;width:100%}@media(max-width:600px){.content{margin-left:4%;margin-right:4%;width:92%}.description-body{margin-right:0}}.navbar{align-items:center;background:linear-gradient(90deg,#7c3aed,#4c1d95);border-radius:0 10px 10px 0;clip-path:polygon(0 0,100% 0,100% 100%,10% 100%);display:flex;flex-direction:row;gap:10%;height:10%;justify-content:right;margin-left:50%;max-height:76px;min-height:56px;opacity:.93;padding:0 40px;position:fixed;right:auto;top:5%;width:40%;z-index:1000}.navbar button{background:none;border:none;color:#fff;cursor:pointer;font-family:Jacques Francois,serif;font-size:150%;height:50%;opacity:1;position:relative;text-decoration:none;transition:transform .3s cubic-bezier(.25,1,.5,1);white-space:nowrap;width:15%}.navbar button:hover{transform:translateY(-3px)}.navbar button:focus{outline:none}.hamburger{align-items:center;background:linear-gradient(90deg,#7c3aed,#4c1d95);border:none;border-radius:10px;box-shadow:0 0 16px #7c3aed66;cursor:pointer;display:none;flex-direction:column;gap:5px;height:46px;justify-content:center;padding:8px;position:fixed;right:16px;top:14px;width:46px;z-index:1100}.hamburger span{background:#fff;border-radius:2px;display:block;height:2px;transform-origin:center;transition:transform .3s ease,opacity .3s ease;width:24px}.hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{align-items:center;background:#060010f7;display:none;flex-direction:column;gap:2.8rem;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:1050}.mobile-menu.open{opacity:1;pointer-events:all}.mobile-menu button{background:none;border:none;color:#fff;cursor:pointer;font-family:Jacques Francois,serif;font-size:clamp(1.7rem,6vw,2.4rem);transition:color .25s ease,transform .25s ease,text-shadow .25s ease}.mobile-menu button:hover{color:#c084fc;text-shadow:0 0 20px #c084fc99;transform:scale(1.08)}.mobile-menu button:focus{outline:none}@media(max-width:768px){.navbar{display:none}.hamburger,.mobile-menu{display:flex}}.App{text-align:below}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ffff136a.css.map*/