:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0 auto;text-align:center;background-color:#101010;color:#fff;min-height:100vh;width:100%;overflow-x:hidden}html{scroll-behavior:smooth}.main-content{margin-top:80px;padding:0 20px}#home,#about,#projects,#contact{scroll-margin-top:80px}:root{--bg: #1a1e24;--color: #eee;--font: Montserrat, Roboto, Helvetica, Arial, sans-serif}#home{display:flex;align-items:center;justify-content:center;min-height:90vh;letter-spacing:2px;color:#b429b4;font-size:25px;flex-wrap:wrap}.image-container{margin-right:100px}.image-container img{height:500px;width:500px;border-radius:50%;max-width:100%;height:auto}.text-container{text-align:center}.text-container h1,.text-container h2{margin:20px 0 30px;text-align:center}@media (max-width: 768px){#home{flex-direction:column;align-items:center}.image-container{margin-right:0;margin-bottom:20px}.image-container img{height:200px;width:200px}.text-container{font-size:20px}}@media (max-width: 480px){#home{flex-direction:column;align-items:center;padding:10px}.image-container img{height:200px;width:200px}.text-container{font-size:15px}}@media (max-width: 380px){#home{flex-direction:column;align-items:center}.image-container img{height:200px;width:200px}.text-container{font-size:11px}}.typing{width:22ch;animation:typing 2s steps(22),blink .5s step-end infinite alternate;white-space:nowrap;overflow:hidden;border-right:3px solid;font-family:monospace;font-size:2em;padding-top:10px}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:transparent}}#about{min-height:80vh;margin:90px}p{text-align:justify;font-size:20px}.info{display:flex;gap:70px}.about-info,.tech-stack{text-align:left;max-width:50%;height:-moz-fit-content;height:fit-content}.waving-hand{animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}.styleName{color:#b429b4;font-style:italic;transition:all .8s ease}@keyframes wave-animation{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(14deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(10deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}a{color:#fff;font-weight:bolder}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.iconSpeaker{margin:0 20px;color:#b429b4;animation:pulse 2.5s infinite ease-in-out;transition:transform .3s,box-shadow .3s}.iconSpeaker:hover{box-shadow:0 0 15px 5px #b429b480;border-radius:10px}.gradient{font-weight:600;font-size:14px;margin:12px;padding:14px 20px;border-radius:.7em;background:-webkit-linear-gradient(225deg,rgb(251,21,242),rgb(21,198,251)) 0% 0% / 300% 300%;background-size:200% auto;animation:gradient_move 3s ease infinite}@keyframes gradient_move{0%{background-position:0% 92%}50%{background-position:100% 9%}to{background-position:0% 92%}}@mixin centerFlex{display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-evenly; align-items: center;}@mixin createButton($width,$height,$radius,$gradientFirst,$gradientThird,$shadowColor){width: $width; height: $height; border-radius: $radius; background-image: linear-gradient(135deg,$gradientFirst 0%,$gradientThird 100%); box-shadow: 0 20px 30px -6px $shadowColor; outline: none; border: none; cursor: pointer; font-size: 24px; color: white;}@media (max-width: 1100px){#about{margin:0 20px;padding-bottom:100px;min-height:-moz-fit-content;min-height:fit-content}.info{flex-direction:column;gap:30px}.about-info,.tech-stack{max-width:100%;text-align:center}}@media (max-width: 780px){#about{margin:0 20px;padding-bottom:100px;min-height:-moz-fit-content;min-height:fit-content}.info{flex-direction:column;gap:30px}.about-info,.tech-stack{max-width:100%;text-align:center}}@media (max-width: 480px){#about{margin:0 10px;padding-bottom:80px}.info{flex-direction:column;gap:20px;justify-content:flex-start;text-align:center}.about-info,.tech-stack{max-width:100%;padding:0 10px}}#projects{min-height:80vh;letter-spacing:2px;margin:20px auto;padding:1rem;max-width:1200px}.btn-images:hover{background-color:#6f0b6f;font-weight:700;letter-spacing:5px;font-style:italic;color:#fff}.projects-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem}.MuiCard-root,.cardInfo{max-width:300px;width:100%;margin:.5rem;box-sizing:border-box}.MuiCard-root,.cardInfo{max-width:300px;width:100%;max-height:400px;margin:.5rem;box-sizing:border-box;overflow-y:auto;padding:1rem;border:1px solid #ddd;border-radius:8px;background-color:#fff}.MuiCard-root::-webkit-scrollbar,.cardInfo::-webkit-scrollbar{width:8px}.MuiCard-root::-webkit-scrollbar-thumb,.cardInfo::-webkit-scrollbar-thumb{background-color:#6f0b6f;border-radius:10px}.MuiCard-root::-webkit-scrollbar-track,.cardInfo::-webkit-scrollbar-track{background-color:#f0f0f0}.title{text-align:center;font-size:2rem;margin:1.5rem 0}.imgCode{vertical-align:middle;margin-left:.5rem}.modal-images{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.modal-images img{width:100px;height:auto;-o-object-fit:cover;object-fit:cover}@media (max-width: 1100px){.MuiCard-root,.cardInfo{max-width:250px}}@media (max-width: 780px){.MuiCard-root,.cardInfo{max-width:200px}.title{font-size:1.8rem}.projects-container{padding:.5rem}}@media (max-width: 480px){#projects{margin:0 1rem;padding-bottom:1rem}.projects-container{flex-direction:column;align-items:center}.MuiCard-root,.cardInfo{max-width:90%}.title{font-size:1.5rem}.imgCode{width:50px}.modal-images img{width:80px}}#contact{min-height:70vh;letter-spacing:2px;margin:40px 90px}.info{display:flex;justify-content:space-between;gap:50px;width:100%}.formContact{display:flex;flex-direction:column;gap:15px;width:50%;color:#fff}.formContact button{padding:10px 20px;background-color:#b429b4;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease}.formContact button:hover{background-color:#6f0b6f;font-weight:700;letter-spacing:5px}.socialNet{width:50%;display:flex;flex-direction:column}.socialNet a{transition:transform .4s ease-in-out;margin-bottom:20px}.socialNet a:hover{transition:transform .4s ease-in-out;transform:scale(2);color:#920e92}.title{text-align:left;font-size:60px}@media (max-width: 1100px){.info{flex-direction:column;gap:40px}.formContact,.socialNet{width:100%}.socialNet{display:block}.title{text-align:left;font-size:60px}}@media (max-width: 768px){.info{flex-direction:column;gap:40px}.formContact,.socialNet{width:100%}}@media (max-width: 480px){#contact{margin:10px 20px}.formContact button{padding:8px 16px}.socialNet a{margin-bottom:15px}.socialNet a:hover{transform:scale(1.5)}}.footer{width:100%;background:#1a1e24!important;box-shadow:none;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;letter-spacing:2px;border-top:1px solid #b200b2;padding:5px 0}.nav{width:100%;background:#1a1e24!important;position:fixed;top:0;right:0;z-index:100;box-shadow:none;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;letter-spacing:2px;border-bottom:1px solid #B200B2}.nav-container{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:83%}.nav-link-small{list-style:none;padding:0;display:grid;align-items:center;font-size:16px;font-weight:400;text-transform:capitalize;margin-top:15px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;letter-spacing:2px}@media screen and (max-width: 768px){.nav-container{justify-content:space-evenly}}.nav-link-container{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:15px;font-size:16px;font-weight:400;text-transform:capitalize}.nav-link{transition:.4s;color:#fff;font-size:16px;font-weight:900;text-decoration:none;padding:10px 20px;margin:0 5px;position:relative}.nav-link:before{content:"";position:absolute;width:0;height:1px;background-color:#b200b2;bottom:0;left:0;transition:width .4s}.nav-link:hover:before{width:100%}