:root{font-family: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}}.resume-container{max-width:1200px;margin:0 auto;font-family:Arial,sans-serif;font-size:14px;line-height:1.5;color:#333;padding:20px;background-color:#fff;border-radius:6px;transition:transform .4s ease}.section{margin-bottom:25px}.section h2{font-size:18px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:10px;border-bottom:2px solid #000;padding-bottom:5px}.entry{display:flex;margin-bottom:15px;position:relative}.timeline{width:25%;color:#ff6200;font-weight:700}.timeline .date,.timeline .location{display:block;font-size:13px}.details{width:75%}.details h3{font-size:20px;font-weight:700;margin:0 0 2px;color:#000}.details .company{font-style:italic;margin-bottom:5px;color:#555}.details ul{list-style-type:disc;padding-left:20px;margin:0}.details ul li{margin-bottom:5px}.skills{display:flex;flex-wrap:wrap;gap:10px}.skills span{background-color:#f0f0f0;padding:5px 10px;border-radius:3px;font-size:15px}.entry:before{content:"";position:absolute;left:20%;top:0;bottom:0;width:2px;background-color:#ff6200}.entry:after{content:"";position:absolute;left:calc(20% - 4px);top:5px;width:10px;height:10px;background-color:#ff6200;border-radius:50%}.experience-form{margin-top:20px;padding:15px;border-top:1px solid #ddd}.experience-form h4{font-size:16px;font-weight:700;margin-bottom:10px}.experience-form input,.experience-form textarea{display:block;width:100%;max-width:200px;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.experience-form textarea{height:80px;resize:vertical}.date-inputs{display:flex;gap:20px;max-width:100px;margin-bottom:10px}.date-inputs label{display:flex;flex-direction:column;width:100%;font-size:13px}.form-buttons{display:flex;gap:10px}.form-buttons button,.delete-btn{padding:8px 15px;background-color:#ff6200;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.form-buttons button:hover,.delete-btn:hover{background-color:#e05500}.delete-btn{margin-top:10px}@media (max-width: 400px){.entry{flex-direction:column}.timeline{width:100%;margin-bottom:5px}.details{width:100%}.entry:before{left:15%}.entry:after{left:calc(15% - 4px)}.date-inputs{padding:1px;gap:10px}}.topbar-container{width:100%;font-family:Arial,sans-serif}.topbar-header{background-image:linear-gradient(to right,#fec74f,#fe9800);height:60px;width:100%;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;padding:0 20px;box-shadow:0 2px 10px #0000001a}.topbar-nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.topbar-logo{background-color:#fffffff7;display:flex;align-items:center;font-size:18px;color:#333;border-radius:5px;padding:4px 8px;margin:0;transition:transform .3s ease}.topbar-logo:hover{transform:scale(1.05)}.topbar-logo-img{width:32px;height:32px;margin-right:8px;background-color:#666;border-radius:8px;object-fit:contain}.topbar-links{display:flex;gap:30px;list-style:none;margin-right:35px;padding:0}.topbar-links li{position:relative;color:#333}.topbar-links a{text-decoration:none;font-size:16px;transition:color .3s ease;color:#333}.topbar-links a:hover{color:#007bff}.topbar-links a:after{content:"";position:absolute;width:0;height:2px;background-color:#007bff;bottom:-4px;left:0;transition:width .3s ease}.topbar-links a:hover:after,.topbar-links a[style*="color: rgb(0, 123, 255)"]:after{width:100%}.topbar-menu-toggle{display:none;margin-right:20px;background:none;border:none;cursor:pointer;padding:8px;color:#333;transition:color .3s ease}.topbar-menu-toggle:hover{color:#007bff}.topbar-mobile-menu{display:none;background-color:#f3f4f6;position:fixed;top:60px;left:0;width:100%;padding:15px 20px;box-shadow:0 4px 10px #0000001a;transform:translateY(-10px);opacity:0;animation:slideDown .3s ease forwards}@keyframes slideDown{to{transform:translateY(0);opacity:1}}.topbar-mobile-list{list-style:none;padding:0;margin:0}.topbar-mobile-item{margin-bottom:15px}.topbar-mobile-item a{text-decoration:none;font-size:16px;color:#333;font-weight:500;transition:color .3s ease}.topbar-mobile-item a:hover{color:#007bff}@media (max-width: 768px){.topbar-links{display:none}.topbar-menu-toggle,.topbar-mobile-menu{display:block}.topbar-logo{font-size:16px}.topbar-logo-img{width:28px;height:28px}}@media (max-width: 480px){.topbar-header{height:50px;padding:0 15px}.topbar-mobile-menu{top:50px;padding:10px 15px}.topbar-mobile-item{margin-bottom:10px}}.root{max-width:1200px;width:100%;margin:0 auto;border-radius:5px;background-color:#fff;padding:10px;text-align:center;display:flex;flex-direction:column}.root h2{font-size:24px;margin-bottom:20px;color:#333;border-bottom:2px solid #4eacfe;padding-bottom:5px}.projects{background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 5px #00000014;margin-bottom:20px;transition:transform .3s ease;align-items:center}.projects:hover{transform:translateY(20px)}.projects h3{font-size:18px;margin-bottom:10px;color:#333}.description h4,.technologies h4{font-size:16px;margin:10px 0 5px}.description ul,.technologies ul{list-style-type:none;margin:0 0 10px}.description li,.technologies li{font-size:14px;color:#555;margin-bottom:5px;list-style-type:none}.projects a{color:#ff8c00;text-decoration:none;font-size:14px;transition:color .3s ease;border:2px solid #000;padding:8px}.projects a:hover{color:#f48d06;text-decoration:underline;border:none}@media (max-width:768px){.projects{padding:15px}.root h2{font-size:20px}.description h4,.technologies h4{font-size:14px}.description li,.technologies li{font-size:13px}}@media (max-width: 500px){.root{margin:20px auto;padding:10px}}main{padding-top:60px;min-height:100vh;font-family:Arial,sans-serif;color:#333;margin-left:1%;overflow:hidden}.front-cover{display:flex;max-width:1200px;margin:20px auto;padding:0 20px;gap:20px}.personal-details{width:20%;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;opacity:0;object-fit:contain;transform:translate(-50px)}.personal-details.animate{animation:slideInFromLeft .6s ease-out forwards}@keyframes slideInFromLeft{to{opacity:1;transform:translate(0)}}.personal-details .profile-pic{width:100px;height:100px;border-radius:50%;margin-bottom:15px;object-fit:cover;border:2px solid #4facfe;transition:transform .3s ease}.personal-details .profile-pic:hover{transform:scale(1.05)}.personal-details h2{font-size:18px;margin:0 0 10px;color:#333}.personal-details p{font-size:14px;margin:5px 0;color:#555}.personal-details a{color:#ff8c00;text-decoration:none;transition:color .3s ease}.personal-details a:hover{color:#f48d06;text-decoration:underline}.about-me{width:80%;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;opacity:0;transform:translateY(20px)}.about-me.animate{animation:fadeInUp .8s ease-out forwards .2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.about-me h2{font-size:24px;margin-bottom:15px;color:#333;border-bottom:2px solid #4facfe;padding-bottom:5px}.about-me h3{font-size:18px;margin:15px 0 10px;color:#333}.about-me p{font-size:16px;line-height:1.6;color:#555;margin:0 0 15px}.about-me ul{list-style-type:disc;padding-left:20px;margin:0}.about-me li{font-size:16px;color:#555;margin-bottom:8px}@media (max-width: 768px){.front-cover{flex-direction:column;margin-right:20px;padding:0 10px}.personal-details,.about-me{width:100%;padding:15px}.personal-details .profile-pic{width:80px;height:80px}.personal-details h2{font-size:16px}.personal-details p{font-size:13px}.about-me h2{font-size:20px}.about-me h3{font-size:16px}.about-me p,.about-me li{font-size:14px}}@media (max-width: 480px){main{padding-top:50px;margin-left:1px}.personal-details .profile-pic{width:60px;height:60px}.personal-details h2{font-size:14px}.personal-details p{font-size:12px}.about-me h2{font-size:18px}.about-me h3{font-size:14px}.about-me p,.about-me li{font-size:13px}}