.navbar,.search-wrapper{position:relative}.menu-overlay a,.nav-links a{transition:color .3s;color:#fff}.footer-link,.menu-overlay a,.nav-links a,.social-icon,.view-button{text-decoration:none}body{margin:0;font-family:'Press Start 2P',cursive}.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:#333;color:#fff;overflow:hidden}.logo img{height:40px}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0 15px}.nav-links a{font-size:16px}.menu-overlay a:hover,.nav-links a:hover{color:#f0a500}#search{width:0;padding:5px 15px;border:none;border-radius:20px;font-size:14px;background-color:#444;color:#fff;opacity:0;visibility:hidden;transform:translateX(20px)}.close-btn,.hamburger-menu,.search-btn{background:0 0;border:none;color:#fff;font-size:20px;cursor:pointer;transition:color .3s}.search-btn{position:absolute;right:0;padding:5px}.close-btn,.hamburger-menu,.search-wrapper.active .search-btn{display:none}.search-wrapper.active #search{width:200px;opacity:1;visibility:visible;transform:translateX(0)}.search-wrapper.active .close-btn{display:inline}.menu-overlay{position:fixed;top:0;right:-100%;width:250px;height:100%;background-color:#333;color:#fff;overflow:hidden;transition:right .4s;display:flex;flex-direction:column;align-items:center;padding:20px;z-index:9999}.menu-overlay.active{right:0}.menu-overlay ul{list-style:none;padding:0;margin:0;width:100%}.menu-overlay li{margin:20px 0}.menu-overlay a{font-size:20px}.close-overlay{background:0 0;border:none;color:#fff;font-size:30px;cursor:pointer;align-self:flex-end;margin-bottom:20px}.footer{background:#333;color:#fff;padding:20px 0;text-align:center}.footer-content{max-width:1000px;margin:0 auto}.footer-logo{max-width:150px;margin-bottom:20px}.social-icons{list-style:none;padding:0;display:flex;justify-content:center;gap:15px}.social-icon{display:inline-block;width:24px;height:24px;color:#fff}.social-icon i{font-size:24px;line-height:24px;display:block}.social-icon img{width:24px;height:24px;display:block}.social-icon img[alt="Freelancer Icon"]{filter:invert(100%)}.social-icon img[alt=Fiverr]{filter:none}.social-icon:hover{opacity:.8}.footer-links,.project-info{margin-top:10px}.footer-link{color:#fff;margin:0 5px}.footer-link:hover{text-decoration:underline}.projects-section{background:url('bg.gif') center center/cover no-repeat;padding:50px 0}.projects-title{text-align:center;color:#fff;font-size:2em;margin-bottom:20px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 20px}.project-item{background:rgba(0,0,0,.7);padding:10px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.project-item img{width:100%;height:auto;border-radius:10px}.project-info h3{font-size:1.2em;color:#fff;margin-bottom:10px}.project-info p{font-size:1em;color:#ccc;margin-bottom:15px}.view-button{background:#fc0;padding:10px 20px;border:none;border-radius:5px;color:#000;font-size:1em;transition:background .3s}.view-button:hover{background:#e6b800}@media (max-width:768px){.nav-links,.search-wrapper{display:none}.hamburger-menu{display:inline}.projects-grid{grid-template-columns:repeat(1,1fr)}}
