body{background-color:#fff;font-family:Arial,sans-serif;min-height:100vh;min-width:100%!important;position:relative}body,html{padding:0;width:100%;margin:0;right:0;left:0;overflow-x:hidden}.header-container{position:relative;flex-shrink:0;top:0;width:100%;background-color:transparent;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:15px}.dropdown{position:relative;display:inline-block;margin-right:30px}.header-container .toggle-switch{pointer-events:auto}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;background-color:#333;border-radius:24px;width:100%;height:100%;transition:background-color .3s}.slider::before{content:"";position:absolute;height:20px;width:20px;left:4px;bottom:2px;background-color:orange;border-radius:50%;transition:transform .3s}.toggle-switch input:checked+.slider::before{transform:translateX(26px)}.dark-mode .toggle-switch .slider{background-color:#ccc}.dark-mode .toggle-switch .slider::before{background-color:#555}#dark-mode-toggle{pointer-events:auto;z-index:10}.header-container h1{margin-left:20px;font-family:Roboto,sans-serif;font-size:2rem;color:#e0e0e0}header nav a{color:#e0e0e0;font-family:Roboto,sans-serif;font-size:1.2rem;text-shadow:.5px .5px 1px #000;text-decoration:none;position:relative;pointer-events:auto;margin-right:50px}header nav a:hover::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background-color:#1f1f1f}.avatar-small{width:32px;height:32px;border-radius:50%;margin-right:8px}.dropdown-menu{min-width:240px;padding:8px 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.dropdown-item{padding:8px 20px;display:flex;align-items:center}.dropdown-item i{width:20px;margin-right:10px;text-align:center}.badge{margin-left:auto}.dropdown-divider{margin:4px 0}.dark-mode body{background-color:#000;color:#fff}.dark-mode .header-container{background-color:#121212}.dark-mode header nav a{color:#ccc}.resume-button{padding:10px 20px;border:1px solid #fff;border-radius:5px;transition:background-color .3s ease}.resume-button:hover{background-color:#000;color:#fff}#experiences{background-color:#f8f9fa;padding:60px 0}.card{border:none;box-shadow:0 4px 8px rgba(0,0,0,.1)}.card-title{font-size:1.5rem;font-weight:700}.card-text{font-size:1rem}.carousel{display:flex;justify-content:space-between;width:100%;margin:0 auto}.carousel-item img{top:0;left:0;width:100%;height:200px;object-fit:cover;opacity:1;transition:opacity .8s ease-in-out}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transition-duration:.8s;transition-timing-function:ease-in-out}.carousel-fade .carousel-item.active{opacity:1}.carousel-inner .carousel-item img{width:100%;height:200px;object-fit:cover}.carousel-caption{width:calc(100% - 20px);box-sizing:border-box;position:relative;color:#fff;text-align:center;justify-self:center}.carousel-caption h3{margin-left:20px;margin-top:10px;top:0;font-family:Roboto,sans-serif;font-size:1.5rem;color:#1f1f1f}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes slideIn{0%{transform:translateY(100px)}100%{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0)}100%{transform:translateY(100px)}}.dark-mode #experiences{background-color:#333;color:#eee}.dark-mode #experiences h2{color:#eee}.dark-mode .card{background-color:#444;color:#eee;box-shadow:0 4px 8px rgba(255,255,255,.1)}.dark-mode .card a{color:orange}.dark-mode .card .card-text{color:#ddd}.dark-mode .carousel-caption{color:#ccc}#main-container{top:0;width:100%;height:700px;position:relative;z-index:2;text-align:center}#intro{position:relative;overflow:hidden;height:100%}#intro img{width:200px;height:200px;object-fit:cover;border-radius:50%;margin:0 auto;display:block}.intro-container{position:relative;z-index:2;text-align:center;pointer-events:none}.intro-heading,.intro-image,.intro-text{pointer-events:auto}.intro-image{width:150px;border-radius:50%}.intro-heading{font-family:Roboto,sans-serif;font-size:3rem;color:#e0e0e0;text-shadow:2px 2px 4px #000;margin-top:200px}.intro-text{font-family:Roboto,sans-serif;font-size:1.2rem;color:#e0e0e0;text-shadow:1px 1px 2px #000}#voronoiCanvas{position:absolute;top:0;left:0;z-index:1;width:100%;height:800px!important}footer{position:relative;bottom:0;width:100%!important;height:60px;color:#ccc;text-align:center;padding:15px 0;margin-top:auto}.dark-mode footer{background-color:#121212;color:#ccc}.linkedin-icon{width:30px;height:auto}.dark-mode .linkedin-icon{filter:invert(1)}.github-icon{width:30px;height:auto}.dark-mode .github-icon{filter:invert(1)}.coffee-icon{width:30px;height:auto}.dark-mode .coffee-icon{filter:invert(1)}.dynamic-image{margin:0 20px;width:300px;height:200px;object-fit:cover}