@import url('https://fonts.googleapis.com/css2?family=Inconsolata&family=Roboto:wght@100;900&display=swap'); * { padding: 0; margin: 0; font-family: 'Roboto', sans-serif; font-size: 14px; box-sizing: border-box; } body { background-color: #1e1e1e; color: #fff; } nav { width: 100%; height: 150px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: 5px solid rgba(65, 21, 111, 0.85); margin-bottom: 80px; position: relative; background: linear-gradient(to bottom, rgba(65, 21, 111, 0.85), black); background-size: cover; background-position: center; } #particles-js { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .bg-op { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; } .img1 { width: 90px; margin-bottom: 20px; } .img2 { width: 180px; } .table { margin-top: 50px; border-radius: 8px; overflow: hidden; background-color: #333; } .table th, .table td { text-align: center; padding: 12px; } .table th { background-color: rgba(65, 21, 111, 0.85); font-weight: 900; } .table td { background-color: #444; } .table-striped tbody tr:nth-child(odd) td { background-color: #555; } .table-hover tbody tr:hover { background-color: #7a47b5; } .table th, .table td { font-family: 'Inconsolata', monospace; font-size: 16px; text-transform: uppercase; color: #fff; } .table-striped tbody tr td { color: #ddd; } .container-fluid { max-width: 1200px; margin: 0 auto; } .text-center { text-align: center; }