@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.hero{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;position:relative;background-size:cover;background-position:center;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1}.hero-content{display:flex;flex-direction:column;align-items:center;color:#e2e2b6;position:relative;z-index:2;padding:20px}.hero-greeting{margin-bottom:20px;font-size:3.5rem;font-weight:800;opacity:0;animation:fadeIn 1s ease-in forwards;text-shadow:2px 2px 4px rgba(0,0,0,.4)}.hero-subtitle{font-size:2rem;font-weight:400;margin-bottom:2rem;opacity:0;animation:fadeIn 1.5s ease-in forwards;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.hero-subtitle span{display:inline-block;min-height:2.5rem}.hero-cta{display:inline-block;padding:10px 20px;background:linear-gradient(45deg,#080f16,#6a6d6d);color:#fff;text-decoration:none;font-size:1.2rem;font-weight:300;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #3671ac66}.hero-cta:hover{transform:scale(1.1);box-shadow:0 6px 20px #0c0c1d99}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body{font-family:Poppins,sans-serif}.sidebar{position:fixed;top:0;left:0;width:200px;height:100vh;background-color:#000;color:#e2e2b6;display:flex;flex-direction:column;align-items:center;transform:translate(-100%);transition:transform .3s ease;z-index:10}.sidebar.open{transform:translate(0)}.headshot{border-radius:50%}h3{margin-top:1.4rem}.headshot{margin-top:1rem}.social-icons{margin-top:1.4rem;color:#e2e2b6}.social-icons a{font-size:2rem;gap:1rem;color:#e2e2b6;margin-left:1rem}.social-icons a:hover{color:gray;transition:.7s}.nav-links{margin-top:30px}.nav-links ul{list-style:none}.nav-links li{margin-top:1.3rem}.nav-links li a{text-decoration:none;font-size:2rem;color:#e2e2b6}.nav-links li a:hover{color:gray}.menu-icon{position:fixed;left:10px;top:20px;font-size:2rem;color:#6eacda;cursor:pointer;z-index:20}@media (max-width: 1320px){.sidebar{width:100%;height:auto}.nav-links li a{font-size:1.5rem}}@media (max-width: 940px){.sidebar{width:100%;height:auto;position:absolute;top:0;left:0}.menu-icon{top:10px}}*{padding:0;margin:0}body{background-color:#000}.sidebar{width:15%;background-color:#01152666;color:#e2e2b6;display:flex;flex-direction:column;align-items:center;height:100vh;position:fixed;top:0;left:-15%;z-index:10;transition:left .3s ease}.sidebar h3,.nav-links li a{font-size:1.4rem}.sidebar.open{left:0}.menu-icon{position:fixed;top:20px;left:20px;background-color:#6eacda;border:none;color:#fff;padding:10px;border-radius:5px;cursor:pointer;z-index:1000}@media (max-width: 1320px){.sidebar{width:250px;left:-250px}}@media (max-width: 940px){.sidebar{width:100%;height:auto;left:-100%;background-color:#021526f2}.sidebar.open{left:0}.sidebar h3,.sidebar .nav-links li a{font-size:1rem}}.hero{position:relative;z-index:1}.about-me{display:flex;justify-content:space-between;align-items:center;padding:40px;max-width:1200px;margin:0 auto}.about-description{flex:1;margin-right:3rem}.about-description h2{font-size:2rem;margin-bottom:10px;color:#e2e2b6}.about-description p{color:azure;line-height:1.6;margin-bottom:15px;font-size:1rem}.about-image{flex:1;display:flex;justify-content:center;align-items:center}.about-image img{max-width:70%;height:auto;border-radius:8px}@media screen and (max-width: 1109px){.about-description p{font-size:1rem}}@media screen and (max-width: 800px){.about-me{flex-direction:column}}.projects-section{padding:50px 20px;background-color:#000;text-align:center}.projects-section h2{font-size:2rem;margin-bottom:40px;color:#e2e2b6}.projects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.project-card{background-color:azure;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:300px;padding:20px;text-align:left;transition:transform .3s ease}.project-card:hover{transform:translateY(-10px)}.project-card img{max-width:100%;height:200%;object-fit:cover;object-position:center;height:auto;border-radius:5px;margin-bottom:15px}.project-card h3{font-size:1.5rem;margin-bottom:10px;color:#222}.project-card p{font-size:1rem;color:#555;margin-bottom:15px}.project-link{text-decoration:none;color:#007bff;font-weight:700;transition:color .3s ease}.project-link:hover{color:#0056b3}.skills{padding:50px 0;text-align:center}.skills h2{font-size:2rem;margin-bottom:40px;color:#e2e2b6}.skills-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.skill-card{width:250px;padding:20px;border-radius:8px;background-color:azure;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease-in-out;text-align:center}.skill-card:hover{transform:translateY(-10px)}.skill-icon{font-size:2rem;color:#61dafb;margin-bottom:10px}.skill-card h3{font-size:1.5rem;color:#333;margin-bottom:10px}.skill-card p{font-size:1rem;color:#666}.contact{max-width:900px;margin:auto;padding:20px;font-family:Arial,sans-serif}.contact h2{color:#e2e2b6;text-align:center;margin-bottom:1.7rem;font-size:2rem}.contact-container{display:flex;justify-content:space-between;gap:20px}.contact-form{flex:2;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 20px #0000001a}.form-group{margin-bottom:15px}.label{display:block;margin-bottom:5px;font-weight:700}.name-email-group{display:flex;justify-content:space-between}input,textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;transition:border-color .3s}input:focus,textarea:focus{border-color:#0077b5;outline:none}button{background-color:#0077b5;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#005f8d}.contact-info{flex:1;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 4px 20px #0000001a}.info-item{display:flex;align-items:center;margin-bottom:15px}.info-icon{font-size:1rem;margin-right:10px}a{color:#0077b5;text-decoration:none}a:hover{text-decoration:underline}@media screen and (max-width: 900px){.contact-container{flex-direction:column}}@media screen and (max-width: 900px){.name-email-group{flex-direction:column}}.footer{background-color:#282c34;color:#fff;text-align:center;padding:20px}.social-icons{display:flex;justify-content:center;gap:20px;margin-bottom:10px}.social-icons a{color:#fff;font-size:14px;text-decoration:none}.footer-text{margin:0;font-size:11px}