header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#7e685a;color:#fff;position:relative;top:0;z-index:1000;max-width:100%}.logo img{height:70px;width:auto}nav ul{list-style:none;margin:0;padding:0;display:flex}nav ul.active{display:block;position:absolute;top:60px;left:0;background-color:#333;width:100%;padding:10px;z-index:1}nav ul li{margin:0 15px}nav ul li a{color:#fff;text-decoration:none;font-weight:bold}#hamburger{display:none;background:none;border:none;color:#fff;font-size:30px;cursor:pointer}@media(max-width: 768px){#hamburger{display:block}nav ul{display:none;flex-direction:column;background-color:#7e685a;position:absolute;top:60px;right:20px;width:200px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2)}nav ul.active{display:flex}nav ul li{margin:10px 0}nav ul{transition:transform .3s ease-in-out}nav ul.active{transform:translateY(0)}}#projects{text-align:center;padding:20px;margin-top:50px;border-radius:30px;background-color:#efece5}.project-con{max-width:1200px;margin:0 auto}.project-con h2{font-size:2rem;margin-bottom:20px}.project-content{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;justify-items:center;align-items:center}.project-pieces{text-align:center}.project-pieces img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.project-pieces img:hover{transform:scale(1.05);box-shadow:0 8px 12px rgba(0,0,0,.2)}.project-pieces h3{margin-top:10px;font-size:1.2rem;color:#333}@media(max-width: 768px){.project-content{grid-template-columns:1fr;gap:15px}.project-con h2{font-size:1.5rem}.project-pieces h3{font-size:1rem}}@media(max-width: 480px){#projects{padding:10px}.project-con h2{font-size:1.2rem}.project-pieces h3{font-size:.9rem}.project-content{grid-template-columns:1fr;gap:10px}.project-pieces img{max-width:100%}}*{margin:0;padding:0;box-sizing:border-box;font-family:"Georgia",serif}body{background:url("../images/background.jpeg") no-repeat center center/cover}main{background-color:rgba(237,169,148,.467)}nav{display:flex;justify-content:space-between;align-items:center;background-color:#5b4434;padding:15px 50px}.logo img{width:50px}.nav-links{list-style:none;display:flex}.nav-links li{margin:0 20px}.nav-links a{text-decoration:none;color:#fff;font-size:16px;font-weight:bold;transition:.3s}.nav-links a:hover{opacity:.7}.hero{display:flex;justify-content:center;align-items:center;height:90vh;background:url("../images/brick-bg.jpg") no-repeat center center/cover;text-align:center}.hero-content{color:#222}.hero-logo{width:120px}.hero-content h2{font-size:24px;margin-top:20px}.hero-content h1{font-size:40px;margin-top:5px}.hero-content p{font-size:18px;margin-top:5px}.buttons{margin-top:20px}.buttons a{display:inline-block;padding:10px 20px;margin:10px;font-size:16px;text-decoration:none;border-radius:5px;border:2px solid #222;transition:.3s}.github{display:flex;align-items:center;background:#fff;color:#222;text-decoration:none}.github img{width:20px;margin-right:8px}.github:hover{background:#f1f1f1}.resume{background:#222;color:#fff;text-decoration:none}.resume:hover{background:#444}.softwares{margin-top:100px;text-align:center;background:url("../images/brick-bg.jpg") no-repeat center center/cover;padding:50px 20px;height:500px}.softwares h2{font-size:32px;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;color:#000;margin-bottom:30px}.software-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:100px}.software-item{text-align:center;padding:80px auto}.software-item img{width:150px;height:150px;background:rgba(0,0,0,.8);padding:10px;border-radius:5px}.software-item p{margin-top:10px;font-size:14px;color:#0037ff}.skills{height:600px;margin-top:150px;text-align:center;background:url("../images/brick-bg.jpg") no-repeat center center/cover;padding:50px 20px}.skills h2{font-size:32px;color:#000;margin-bottom:30px}.skills-container{display:flex;justify-content:center;gap:50px}.skill-box{background:rgba(255,255,255,.8);padding:40px;width:250px;border-radius:8px;text-align:center}.skill-box h3{font-size:20px;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;margin-bottom:15px}.skill-box ul{list-style:none}.skill-box ul li{font-family:"Courier New",Courier,monospace;font-size:16px;margin:5px 0}.about-div{padding:15px;background-color:#faebd7;max-width:60%;border-radius:50px}.about-text{background-color:#fdfcf9;padding:10px;border-radius:50px}.projects-section{text-align:center;background:url("../images/brick-bg.jpg") no-repeat center center/cover;padding:50px 20px}.projects-container{display:flex;justify-content:center;gap:0px;flex-wrap:wrap;margin-top:20px}.project-item{width:600px;height:300px;cursor:pointer;transition:transform .3s}.project-item img{width:350px;height:250px;border-radius:8px}.project-item:hover{transform:scale(1.05)}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);justify-content:center;align-items:center}.popup-content{background:#ad7559;padding:20px;border-radius:8px;text-align:center;position:relative}.popup img{width:600px;height:400px;border-radius:8px;margin-bottom:10px}.close{position:absolute;top:10px;right:15px;font-size:20px;cursor:pointer}.skills{height:600px;margin-top:150px;text-align:center;background:url("../images/brick-bg.jpg") no-repeat center center/cover;padding:50px 20px}.skills h2{font-size:32px;color:#000;margin-bottom:30px}.skills-container{display:flex;justify-content:center;gap:50px}.skill-box{background:rgba(255,255,255,.8);padding:40px;width:250px;border-radius:8px;text-align:center}.skill-box h3{font-size:20px;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;margin-bottom:15px}.skill-box ul{list-style:none}.skill-box ul li{font-family:"Courier New",Courier,monospace;font-size:16px;margin:5px 0}.about-div{padding:15px;background-color:#faebd7;max-width:60%;border-radius:50px}.about-text{background-color:#fdfcf9;padding:10px;border-radius:50px}.contact-section{text-align:center;background:url("../images/brick-bg.jpg") no-repeat center center/cover;padding:50px 20px}.contact-content{background:rgba(255,255,255,.8);padding:30px;display:inline-block;border-radius:8px;text-align:center}.contact-content h2{font-size:24px;margin-bottom:10px}.contact-content p{font-size:18px;margin-bottom:15px}form{display:flex;flex-direction:column;align-items:center;gap:15px}form label{font-size:16px;font-weight:bold}form input{width:300px;padding:8px;border:1px solid #ccc;border-radius:5px}button{background:#000;color:#fff;padding:10px 20px;border:none;cursor:pointer;margin-top:10px}button:hover{background:#333}/*# sourceMappingURL=main.css.map */