:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin-bottom:0;padding-bottom:0;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;max-width:100vw;overflow-x:hidden}html{scroll-behavior:smooth;scroll-padding-top:110px}img{max-width:100%;height:auto}p{font-family:Space Mono,monospace;font-size:larger}#root{margin:0 auto;padding-right:0rem;text-align:center}.hidden{opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out}.show{opacity:1;transform:translateY(0)}.rootDiv{margin:0}body{background-image:none!important;font-family:Poppins,sans-serif;text-align:center;display:block;justify-content:center;align-items:center;flex-direction:column;height:100vh;margin:0;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}a{font-weight:500;text-decoration:inherit;font-family:Space Mono,monospace;color:var(--text-color)}a:hover{color:#535bf2}#intro{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:auto;background-color:var(--background-color);color:var(--text-color);box-sizing:border-box}.scrollDown{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:2rem;cursor:pointer;animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}#aboutMe{min-height:30vh;padding-top:50px;padding-bottom:50px;transition:background-color .3s ease,color .3s ease}#contactSection{transition:background-color .3s ease,color .3s ease;background-color:var(--background-color);color:var(--text-color)}.nav-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:x-large}#projectSection{background-color:var(--background-color);color:var(--text-color);padding-top:30px}#skillSection{background-color:var(--background-color);color:var(--text-color);min-height:40vh;padding-top:20px;padding-bottom:20px}.aboutContainer{max-width:800px;padding:20px;text-align:center}h1{font-size:4rem;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.8);margin-bottom:0}h2{margin-top:0;font-family:EB Garamond,serif}h1 span{font-style:italic;font-weight:300;color:#ddd}.skillsSectionDiv{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:100%;gap:10px}.listSkills{display:grid;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0px;justify-items:center;margin-top:20px;margin-bottom:20px;width:100%;max-width:1400px}.aboutSection{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:100%;gap:10px}.aboutList{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0px;justify-items:center;margin-top:20px;margin-bottom:20px;width:100%;max-width:1400px}#projectsSection h1{padding-bottom:20px}.aboutList div{font-size:large;min-width:250px;min-height:200px;height:700px;background-color:#02000026;padding:20px;border-radius:10px;box-shadow:0 0 10px #ffffff4d;transition:transform .3s ease;text-align:center}.listSkills div{min-width:250px;min-height:200px;background-color:#02000026;padding:20px;border-radius:10px;box-shadow:0 0 10px #0899d34d;transition:transform .3s ease;text-align:left}.listSkills h3{text-align:center;text-decoration:underline;margin-left:0;margin-right:10px}ul{text-align:left;margin-left:40px}.listSkills div:hover{transform:scale(1.05)}.image-container{width:600px;height:600px;overflow:hidden;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;position:relative}.image-container img{width:100%;height:100%;object-fit:contain}.arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#0006;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.arrow:hover{background-color:#0009}.arrow.left{left:10px}.arrow.right{right:10px}.image-container:hover .arrow{opacity:1;pointer-events:auto}.image-container .arrow{opacity:0;pointer-events:none;transition:opacity .3s ease,background .2s ease}h3{color:#ff5e00}.resumeButtonDiv{margin-top:20px}.buttonColorChange{background:linear-gradient(90deg,#ffb703,#ff5e00);border:none;padding:10px 20px;color:#000;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #ffb703cc}.buttonColorChange:hover{background:linear-gradient(90deg,#ff5e00,#ffb703);box-shadow:0 0 15px #ffb703;transform:scale(1.1)}.slideshow-wrapper{width:300px;height:300px;margin:20px auto;border-radius:10px;overflow:hidden;position:relative}.active-slide{width:100%;height:100%;object-fit:cover;transition:opacity 1s ease-in-out}.projectsHeader{font-size:3rem;margin-bottom:20px}.projectsContainer{display:flex;flex-direction:column;align-items:center;text-align:center}.projectsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1000px;width:100%}.projectsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1000px}.projectItem{text-decoration:none}.project-thumbnail{position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease-in-out}.project-thumbnail img{display:block;width:100%;height:auto;transition:transform .3s ease-in-out}.project-thumbnail:hover img{transform:scale(1.1)}.redirect-icon{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer}.project-thumbnail:hover .redirect-icon{opacity:1;background-color:#00000080}.redirect-icon svg{color:#fff;width:2rem;height:2rem}.themeToggle{position:fixed;top:15px;right:15px;background-color:var(--button-bg);color:var(--button-text);border:2px solid var(--button-border);padding:10px 15px;font-size:14px;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-right:4px}.themeToggle:hover{background-color:var(--button-hover-bg)}:root{--background-color-light: #f9f9f9;--background-color-dark: #1a1a1a;--text-color-light: #333;--text-color-dark: #f9f9f9;--card-background-light: #e0e0e0;--card-background-dark: #2b2b2b}[data-theme=dark]{--background-color: var(--background-color-dark);--text-color: var(--text-color-dark);--card-background: var(--card-background-dark);--button-bg: rgba(255, 255, 255, .2);--button-text: white;--button-border: white;--button-hover-bg: rgba(255, 255, 255, .4)}[data-theme=light]{--background-color: var(--background-color-light);--text-color: var(--text-color-light);--card-background: var(--card-background-light);--button-bg: rgba(0, 0, 0, .8);--button-text: white;--button-border: black;--button-hover-bg: rgba(0, 0, 0, 1)}[data-theme=dark] .section{background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));color:#fff;padding-top:20px;padding-bottom:20px}[data-theme=light] .section{background-color:#76adff;color:#000;padding-top:20px;padding-bottom:40px}[data-theme=light] .section h3{color:#000}[data-theme=light] #footerSection{background-color:#76adff;color:#000;padding-top:10px;padding-bottom:10px}[data-theme=dark] #footerSection{background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));color:#fff;padding-top:10px;padding-bottom:10px}.langIcons{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;margin-top:20px;padding:10px}.langIcons div{min-width:250px;min-height:200px;background-color:#ffffff1a;padding:20px;border-radius:10px;box-shadow:0 0 10px #ffffff4d;transition:transform .3s ease;text-align:left}.tech-icon{width:60px;height:60px;transition:transform .2s ease-in-out}.tech-icon:hover{transform:scale(1.5)}.projects-background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:none;object-position:center 70%;z-index:0}#footerSection p{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:inherit;margin:0;padding:0;font-size:medium}@keyframes gradientText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.px-4{padding-left:1rem;padding-right:1rem}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}@media (min-width: 1536px){.container{max-width:1536px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 640px){.container{max-width:640px}}.container{width:100%}@media (max-width: 768px){body{display:block;min-height:100vh;width:100%;overflow-x:hidden}.projects-container{max-width:100%;width:90%;margin:0 auto;padding:0 1rem}.projectsGrid{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:90vw;margin:0 auto;padding:0}.project-card{width:90%;max-width:400px;margin:10px auto}.project-thumbnail{width:100%;max-width:90%;margin:0 auto}.project-thumbnail img{width:100%;height:auto;object-fit:cover}.langIcons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;place-items:center;margin-top:20px;padding:10px;max-width:90%;margin-left:auto;margin-right:auto}.tech-icon{width:auto;height:50px}h1{font-size:2.5rem;text-align:center}.subtitle{font-size:1rem;text-align:center}.introContainer{width:95%;max-width:600px;text-align:center;padding:20px 10px}.introP h1,.introP h2{text-align:center}.introP p{font-size:1rem;text-align:center;line-height:1.5}.resumeButtonDiv{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:15px}.resumeButtonDiv p{margin:0}.buttonColorChange{padding:12px 24px;font-size:1rem;text-align:center;background-color:#ff9800;border:none;border-radius:6px;cursor:pointer;transition:.3s}.buttonColorChange:hover{background-color:#e68900}.skillsSectionDiv{text-align:center;margin-top:20px}.listSkills{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:100%;padding:0 10px;box-sizing:border-box}.aboutList div{font-size:small;width:100%;max-width:90%;text-align:center;word-wrap:break-word;overflow:hidden}.listSkills div{background-color:var(--card-background);padding:15px;border-radius:10px;box-shadow:2px 2px 10px #0000001a;width:100%;max-width:90%;text-align:center;word-wrap:break-word;overflow:hidden}.listSkills h3{color:#ff9800;font-size:1.2rem;margin:10px}ul{text-align:center;margin-left:0}.listSkills ul{list-style:none;padding:0}.listSkills li{font-size:1rem;padding:4px 0}.listSkills:after{content:"";display:block;clear:both}.themeToggle{position:fixed;top:10px;right:10px;font-size:.9rem;padding:8px 12px;border-radius:4px;cursor:pointer;background:#000;color:#fff}body{display:block;width:100%;overflow-x:hidden}h1{font-size:2.5rem}.introContainer,.aboutContainer{width:95%;max-width:600px;padding:20px 10px}.listSkills,.aboutList{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:100%}.listSkills div,.aboutList div{width:100%;text-align:center;box-sizing:border-box}.themeToggle{position:fixed;top:10px;right:10px;font-size:.9rem;padding:8px 12px;border-radius:4px;cursor:pointer}.image-container .arrow{opacity:1;pointer-events:auto;width:30px;height:30px;font-size:1rem}.arrow.left{left:5px}.arrow.right{right:5px}#projectsSection video{object-fit:cover;object-position:center 100%;width:100vw}#contactSection nav{display:flex}}