50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
.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;
|
|
}
|
|
}
|
|
|