DBULK

.header { padding: 20px 40px; text-align: center; background-color: #282828; display: flex; justify-content: space-between; align-items: center; z-index: 1000; position: relative; width: 100%; } .header h1 { margin: 0; font-size: 24px; color: white; } .navbar { display: flex; list-style: none; justify-content: center; margin: 0 10%; } .navbar li { position: relative; padding: 10px 15px; color: white; display: block; } .navbar li a { color: white; text-decoration: none; display: block; } .navbar li a:hover, .dropdown-content a:hover { background-color: #555; } .dropdown-content { display: none; position: absolute; background-color: #333; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; min-width: 160px; } .dropdown-content a { color: white; padding: 12px 16px; text-decoration: none; display: block; } .navbar li:hover .dropdown-content { display: block; } canvas { display: block; position: absolute; top: 80px; left: 0; width: 100%; height: calc(100% - 80px); z-index: 0; } .title { text-align: center; color: white; padding-top: 100px; font-size: 32px; } form { max-width: 400px; margin: 50px auto; background: #333; padding: 30px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); color: #fff; } label { margin-bottom: 10px; display: block; } input[type="text"], input[type="email"], select, textarea { width: 100%; padding: 10px; margin-top: 6px; margin-bottom: 16px; border: none; border-radius: 4px; box-sizing: border-box; display: block; } input[type="submit"] { background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; float: right; } input[type="submit"]:hover { background-color: #45a049; }

DBULK

Contact Us