body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.boby{background-color:#fff}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif}.navbar{align-items:center;background:#000000b3;color:#fff;display:flex;justify-content:space-between;left:0;padding:15px 20px;position:fixed;top:0;width:100%;z-index:1000}.logo{font-size:24px;font-weight:700}.navbar-links{display:flex;gap:20px;list-style:none}.navbar-links a{color:#fff;font-size:16px;text-decoration:none;transition:color .3s ease}.navbar-links a:hover{color:#00bcd4}.landing-page{background-color:#f4f4f4;min-height:100vh;padding-top:70px}@media (max-width:600px){.navbar{padding:10px 15px}.logo{font-size:20px}.navbar-links{display:none}.navbar-links a{font-size:14px}}@media (max-width:768px){.navbar{padding:12px 18px}.logo{font-size:22px}.navbar-links{display:flex;gap:15px}.navbar-links a{font-size:15px}}@media (min-width:769px){.navbar{padding:15px 25px}.logo{font-size:24px}.navbar-links{display:flex;gap:20px}.navbar-links a{font-size:16px}}.responsive-image{background:#0000;display:block;height:auto;margin-left:0;margin-right:0;margin-top:0;max-width:50vw;object-fit:contain;padding-top:0;width:100%}@media (max-width:768px){.responsive-image{margin-left:auto;margin-right:auto;max-width:100%;top:0}}.text-container{padding:10px;position:absolute;right:20px;top:40%;transform:translateY(-50%);width:30%;z-index:5}.about-text{color:#333;font-size:32px;font-weight:400;line-height:1.6;margin:0;text-align:left}@media (max-width:1024px){.text-container{left:auto;position:absolute;right:10px;width:40%}.about-text{font-size:18px}}@media (max-width:768px){.text-container{position:relative;right:0;top:auto;transform:none;width:90%}.about-text{font-size:17px;line-height:1.5}}@media (min-width:1025px){.text-container{left:60%;right:auto;width:35%}}.landing-page{animation:fadeIn 2s ease-in-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar-links a{animation:slideIn 1s ease-out forwards;animation-delay:.5s;opacity:0;transform:translateX(30px)}.navbar-links a:nth-child(2){animation-delay:.7s}@keyframes slideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.responsive-image{transition:transform .3s ease-in-out}.responsive-image:hover{transform:scale(1.1)}.text-container{animation:fadeInUp 1.5s ease-out forwards;animation-delay:1s;opacity:0;transform:translateY(30px)}@media (max-width:768px){.landing-page{padding-top:50px}.image-container{text-align:center}.responsive-image{height:auto;max-width:100%;width:100%}.text-container{margin-top:20px;padding:0 15px}.about-text{font-size:16px}}@media (min-width:769px) and (max-width:1024px){.responsive-image{margin:0 auto;width:80%}.text-container{margin-top:30px}.about-text{font-size:20px}}@media (min-width:1025px){.text-container{left:55%;position:absolute;text-align:left;top:25%;transform:translate(-50%,-50%)}.about-text{font-size:26px}}.skills-section{animation:fadeInUp 1.5s ease-out forwards;background-color:#f4f4f4;border-radius:10px;margin-top:50px;opacity:0;padding:50px 20px;text-align:center;transform:translateY(50px)}.skills-title{color:#333;font-size:2.5rem;margin-bottom:30px}.skills-container{grid-gap:20px;animation:fadeInUp 1.5s ease-out forwards;animation-delay:.5s;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;opacity:0;transform:translateY(50px)}.skill{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;width:100%}.skill-name{color:#333;font-size:1.2rem;margin-bottom:10px}.progress-bar{background-color:#ddd;border-radius:5px;height:10px;margin-bottom:10px;width:100%}.progress-bar-fill{background-color:#4caf50;border-radius:5px;height:100%}.percentage{color:#333;font-size:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.skills-title{font-size:2rem}.skill{padding:15px}.progress-bar{height:8px}.percentage{font-size:.9rem}}@media (min-width:769px) and (max-width:1024px){.skills-title{font-size:2.2rem}.skill{padding:18px}.progress-bar{height:9px}.percentage{font-size:1rem}}@media (min-width:1025px){.skills-title{font-size:2.5rem}.skill{padding:20px}.progress-bar{height:10px}.percentage{font-size:1.2rem}}
/*# sourceMappingURL=main.8fc4fcc6.css.map*/