.header{background:#000;position:relative;width:100%}.banner{background:#000;text-align:center}.banner-img{height:auto;max-width:100%}.hamburger-menu{cursor:pointer;left:20px;position:absolute;top:20px;width:30px;z-index:1000}.hamburger-menu .line{background:#fff;height:4px;margin:6px 0;width:100%}.side-menu{align-items:center;background:#111;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:-250px;position:fixed;top:0;transition:left .3s ease-in-out;width:250px}.side-menu.open{left:0}.side-menu ul{list-style:none;padding:0;text-align:center}.side-menu ul li{margin:20px 0}.side-menu ul li a{color:#fff;font-size:18px;text-decoration:none}.side-menu ul li a:hover{text-decoration:underline}.home-container{align-items:center;background-color:#000;color:#ddd;flex-direction:column;height:100vh;margin:0;padding:0;width:100%}.home-container,.image-row{display:flex;justify-content:center}.image-row{gap:20px;margin:20px 0}.image-row img{border:3px solid #fff;border-radius:10px;box-shadow:0 5px 15px #000c;height:auto;width:150px}.decorative-box{background:linear-gradient(135deg,#333,#111);border:3px solid #fff;border-radius:15px;box-shadow:0 10px 20px #000c;max-width:600px;padding:30px;text-align:center}.decorative-box h1{color:#fff;font-size:2.5rem;margin-bottom:20px}.decorative-box p{color:#ccc;font-size:1.2rem;line-height:1.6}body,html{color:#fff;height:100%;margin:0;overflow-x:hidden;padding:0}.App,body,html{background-color:#000;width:100%}.App{display:flex;flex-direction:column;min-height:100vh}.portfolio-container{grid-gap:20px;background-color:#000;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:1200px;padding:20px;width:100%}.portfolio-item img{border:3px solid #fff;border-radius:10px;box-shadow:0 5px 15px #000c;height:auto;transition:transform .3s ease;width:100%}.portfolio-item img:hover{transform:scale(1.1)}.contact-container{background-color:#111;border-radius:10px;box-shadow:0 5px 15px #000c;color:#fff;margin:50px auto;max-width:600px;padding:20px}.contact-container h1{font-size:2rem;margin-bottom:20px;text-align:center}.contact-form{gap:15px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{background-color:#222;border:1px solid #333;border-radius:5px;color:#fff;font-size:1rem;padding:10px}.form-group textarea{height:100px;resize:none}.submit-button{background-color:#444;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px;transition:background-color .3s ease}.submit-button:hover{background-color:#666}
/*# sourceMappingURL=main.cd0812f5.css.map*/