html,body,#root{height:100%;margin:0;padding:0;background-color:transparent}.home-split{display:flex;height:100vh;width:100%}.home-image-section{flex:1;display:flex;justify-content:center;align-items:center}.home-image{width:350px;height:350px;object-fit:cover;border-radius:50%}.home-text-section{flex:1}.home-container{height:100vh;background-size:cover;justify-content:center;text-align:left;padding-top:180px}.intro{font-size:40px;color:#c2c2bb}.home-title{font-size:60px;font-weight:700;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(50deg,#fff,#8eeaf0,#c28cfc,#d6d3d3,#cfaef2,#5adf8b,#842de1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-description{color:#c2c2bb;font-style:normal;font-size:x-large;font-family:Arial,Helvetica,sans-serif;line-height:1.6}@media screen and (max-width: 768px){.home-split{flex-direction:column;height:auto}.home-image-section{margin-top:2rem;margin-bottom:1rem}.home-image{width:200px;height:200px}.home-text-section{padding:0 1rem}.home-container{height:auto;padding-top:1rem;text-align:center}.intro{font-size:28px}.home-title{font-size:32px}.home-description{font-size:16px}}.experience-section{display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 70px;font-family:Arial,Helvetica,sans-serif;background-color:#000}.work-experience{color:#c2c2bb;font-size:larger;margin:30px;line-height:1.2}.sub-title{font-size:x-large;color:#efefef;flex:1;margin-right:100px;line-height:1.6}.list{flex:2;margin:0;padding:0}.list li{margin:10px 0;line-height:1.6}@media (max-width: 480px){.experience-section{padding:15px}.sub-title{font-size:small;line-height:1.2;text-align:center}.list li{font-size:x-small;margin:8px 0}}.project-container{color:#c2c2bb;font-size:larger;margin:30px;line-height:1.2}.individual-projects{font-family:Arial,Helvetica,sans-serif;display:block;margin:0 auto 60px;background-color:#000;padding:20px 100px}.project-title{font-size:xx-large;color:#fff;line-height:1.6;text-align:center}.project-description{color:#c2c2bb;font-size:larger;line-height:1.6}.project-image{display:block;margin:0 auto;width:100%;max-width:1200px;height:400px;object-fit:contain;border-radius:8px;padding:30px 0}@media (max-width: 480px){.individual-projects{padding:10px 15px}.project-title{font-size:medium}.project-description{font-size:small;line-height:1.2}.project-image{height:auto;max-width:100%;padding:15px 0}}.contact-icons{display:flex;justify-content:center;align-items:center;gap:20px}.contact-icons a{transition:transform .2s;display:inline-block;color:#fff}.contact-icons a:hover{transform:scale(1.2);color:#a8e0ec}.contact-title{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:40px;text-align:center}.contact-info{color:#c2c2bb;font-size:25px;line-height:1.6;flex:1 1 auto;max-width:450px}@media (max-width: 480px){.contact-info{font-size:15px}}body{overflow-x:hidden}.section{position:relative;min-height:100px;will-change:transform,opacity}#particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.app-wrapper{display:flex;flex-direction:column;position:relative;min-height:100vh;z-index:1}nav{position:relative;padding:1rem;z-index:5}main{position:relative;z-index:5;padding:1rem;flex:1}.section-spacing{margin-bottom:80px}.main-title{color:#cfaef2;font-size:60px;text-align:center;margin-bottom:80px}@media screen and (max-width: 480px){.navbar{flex-direction:column;align-items:flex-start}.navbar a{margin:.5rem 0}.app-wrapper{padding:0 .5rem}main{padding:.5rem}.section-spacing{margin-bottom:2rem}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:transparent;color:#fff;z-index:10;position:relative}.hamburger{display:none;font-size:1.5rem;background:none;border:none;color:#fff;cursor:pointer}.nav-links{display:flex;gap:1rem}.nav-links a{text-decoration:none;color:#cfaef2;font-size:30px;margin:0 1rem;transition:color .3s ease,transform .3s ease}.nav-links a:hover{color:#6f2983;transform:scale(1.1)}.nav-links.open{display:block}@media (max-width: 768px){.hamburger{display:block;position:absolute;top:1rem;left:1rem;font-size:2rem}.nav-links{display:none;flex-direction:column;background-color:#524f4f;position:absolute;top:4rem;left:1rem;width:30%;padding:.5rem;border-radius:5px;z-index:20}.nav-links.open{display:flex}.nav-links a{margin:1rem 0;text-align:center}}.footer{display:flex;align-items:center;justify-content:flex-end;padding:15px;background-color:transparent;color:#fff;z-index:10;position:relative;line-height:20px}