.about-me-container{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 150px}.about-me-text{flex:1;padding-right:20px}.header-text{position:relative;opacity:1;width:fit-content;padding:10px 20px;font-family:Vollkorn SC;font-size:32px;line-height:48px;font-weight:600;background:#efb03445;border-radius:10px;border:1px solid #FFDA5329;color:#eac338}.header-text:hover{color:#ffda53;background:#efb03445;border-color:#ffda5329}.highlight{font-family:Vollkorn SC;font-size:40px;line-height:56px;font-weight:700;color:#fff;text-transform:uppercase}.span-text{color:#ffda53}.highlight-two{width:676px;font-family:Roboto Condensed;font-size:24px;line-height:36px;font-weight:400;color:#fff}.about-me-image{flex:1;display:flex;justify-content:center;align-items:center}.about-me-image img{max-width:100%;height:auto;border-radius:8px}.social-icons{display:flex;justify-content:space-around;align-items:center;width:100%;margin-top:15px}.social-icon2{width:50px;height:50px;transition:transform .3s ease-in-out}.social-icon2:hover{transform:scale(1.1)}@media (max-width: 768px){.about-me-container{flex-direction:column;align-items:center;padding:10px 20px}.about-me-text,.about-me-image{padding:10px;width:100%;text-align:center}.header-text{font-size:28px;line-height:42px}.highlight{font-size:32px;line-height:48px}.highlight-two{width:100%;padding:0 20px}}@media (max-width: 480px){.header-text{font-size:24px;line-height:36px}.highlight{font-size:28px;line-height:40px}.highlight-two{font-size:20px;line-height:30px;padding:0}}.section-description{padding:0 150px;text-align:center;font-family:Roboto Condensed,sans-serif;font-size:24px;font-weight:400;color:#c4c4c4;margin-bottom:40px;width:100%;box-sizing:border-box}.contact-container{max-width:800px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-family:Roboto Condensed,sans-serif;font-size:16px;color:#c4c4c4}.form-group input,.form-group textarea{padding:10px;border:1px solid #444;border-radius:5px;background-color:#2e2e2e;color:#fff;font-family:Roboto Condensed,sans-serif;font-size:16px}.form-group textarea{resize:vertical}.submit-button{background-color:#ffda53;color:#1e1e1e;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:16px;align-self:flex-start}.submit-button:hover{background-color:#e0c341}.social-icons{display:flex;justify-content:center;align-items:center;gap:100px;margin-top:30px}.social-icons a{display:inline-block;transition:transform .3s ease-in-out}.social-icon{width:40px;height:40px;transition:transform .3s ease-in-out;filter:invert(69%) sepia(92%) saturate(438%) hue-rotate(8deg) brightness(105%) contrast(103%)}.social-icons a:hover .social-icon{transform:scale(1.2)}@media (max-width: 1024px){.section-title{padding:10px 80px;font-size:36px}.section-description{padding:10px 80px;font-size:16px}}@media (max-width: 768px){.section-title{font-size:28px;padding:10px 0}.section-description{font-size:14px;padding:10px 20px}.submit-button{width:100%;align-self:center}.social-icons{gap:20px}}@media (max-width: 360px){.section-title{font-size:20px;padding:10px}.section-description{font-size:12px;padding:10px}.social-icons{gap:10px}.social-icon{width:30px;height:30px}.contact-container{display:flex;padding:30px;flex-direction:column}}.section-description{font-family:Roboto Condensed,sans-serif;text-align:center;font-size:24px;font-weight:400;color:#fff;margin-bottom:40px;width:100%;box-sizing:border-box}@media (max-width: 768px){.section-title{font-size:28px;overflow-wrap:break-word}.section-description{font-size:16px}}@media (max-width: 360px){.section-title{font-size:24px}.section-description{font-size:14px}}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 150px;background-color:#18071b;color:#fff}.logo{width:55px;height:auto;border-radius:6px}.menu-icon{cursor:pointer;display:none}.menu-icon img{width:24px;height:auto}.nav-links{display:flex;align-items:center}.nav-links ul{list-style:none;display:flex;gap:20px;margin:0;padding:0}.nav-links a{color:#fff;text-decoration:none;font-size:16px;transition:color .3s}.nav-links a:hover{color:#ffda53}@media (max-width: 768px){.header{padding:10px 20px}.menu-icon{display:block}.nav-links{display:none;flex-direction:column;position:absolute;top:60px;right:20px;background-color:#18071b;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0003}.nav-links.active{display:flex}.nav-links ul{flex-direction:column;gap:10px}}@media (max-width: 1024px){.header{padding:10px 80px}}@media (max-width: 480px){.header{padding:10px 15px}.logo{width:40px}.menu-icon img{width:20px}}.section-description{font-family:Roboto Condensed,sans-serif;padding:10px 20px;font-size:24px;font-weight:400;color:#c4c4c4;margin-bottom:40px;width:100%;box-sizing:border-box;text-align:center}.projects-container{display:flex;padding:10px 150px;flex-direction:column;gap:20px}.project-item{background-color:#2e2e2e;border:1px solid #444;border-radius:8px;box-shadow:0 4px 8px #0003;padding:20px;display:flex;flex-direction:column}.project-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.project-header h3{font-family:Roboto Condensed,sans-serif;font-size:24px;font-weight:600;color:#ffda53}.toggle-icon{font-size:60px;color:#ffda53}.project-content{display:flex;justify-content:space-between;align-items:flex-start;margin-top:20px;text-align:center;gap:20px}.project-text{flex:1;margin-right:10px;font-family:Roboto Condensed,sans-serif;font-size:16px;color:#c4c4c4;line-height:1.6}.project-image img{width:40%;height:auto;border-radius:20px;object-fit:cover}.view-project-button{background-color:#ffda53;color:#1e1e1e;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:16px;margin-top:10px}.view-project-button:hover{background-color:#e0c341}@media (max-width: 1024px){.section-title{font-size:36px}.section-description{font-size:16px}.project-content{flex-direction:column;align-items:center}.project-text{margin-right:0;margin-bottom:20px}.project-image img{width:60%}}@media (max-width: 768px){.projects-section{padding:10px}.section-title{font-size:28px;padding:10px}.section-description{font-size:14px;padding:10px}.projects-container{padding:10px}.project-content{flex-direction:column;align-items:center}.project-text{margin-right:0;margin-bottom:20px}.project-image img{width:100%}}.section-description{padding:10px 150px;font-family:Roboto Condensed,sans-serif;font-size:24px;font-weight:400;color:#fff;margin-bottom:40px;width:100%;box-sizing:border-box}.services-container{padding:10px 150px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-content:center}.service-item{background-color:#2e2e2e;border:1px solid #444;border-radius:8px;box-shadow:0 4px 8px #0003;padding:20px;text-align:left;transition:transform .3s ease}.service-item:hover{transform:translateY(-10px)}.service-item img{width:100%;border-radius:8px;margin-bottom:15px}.service-item h3{font-family:Roboto Condensed,sans-serif;font-size:24px;font-weight:600;color:#ffda53;margin-bottom:10px}.service-item p{font-family:Roboto Condensed,sans-serif;font-size:18px;color:#c4c4c4;margin-bottom:10px}.service-item ul{list-style-type:none;padding:0}.service-item ul li{font-family:Roboto Condensed,sans-serif;font-size:16px;color:#a8a8a8;margin-bottom:5px}.service-item ul li:before{content:"✓";color:#ffda53;margin-right:8px}@media (max-width: 768px){.service-item{flex:1 1 45%}.section-title,.section-description{align-items:center;padding:10px 20px}}@media (max-width: 480px){.services-container{display:flex;padding:10px;flex-direction:column}.service-item{flex:1 1 100%}}html,body{margin:0;padding:0;overflow-x:hidden;background-color:#18071b}h2{padding:10px 150px;font-family:Vollkorn SC,serif;font-size:64px;font-weight:700;color:#ffda53;margin-bottom:10px}