.list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); /*color: var(--bs-list-group-color);*/ text-decoration: none; background-color: var(--bs-list-group-bg); border: none; } html { /*min-height: 100%;*/ } a { color: #ce8547; } a:hover { color: #f7ba49; } .glitch { background: url('../../assets/img/glitch/logo.glitch.0.png') center / contain no-repeat, #262626; animation: glitch 3.5s infinite steps(1); } @keyframes glitch { 0%, 100% { background: url('../../assets/img/glitch/logo.glitch.0.png') center / contain no-repeat, #262626; opacity: 1; } 90.5% { background: url('../../assets/img/glitch/logo.glitch.1.png') center / contain no-repeat, #262626; } 91.75% { background: url('glitch/logo.glitch.4.png') center / contain no-repeat, #262626; } 93.75% { background: url('../../assets/img/glitch/logo.glitch.2.png') center / contain no-repeat, #262626; } 95.5% { background: url('glitch/logo.glitch.5.png') center / contain no-repeat, #262626; } 97.5% { background: url('../../assets/img/glitch/logo.glitch.3.png') center / contain no-repeat, #262626; } }