79 lines
1.1 KiB
CSS
79 lines
1.1 KiB
CSS
|
body {
|
||
|
|
background-image: linear-gradient(rgb(40, 25, 0), black 100vh);
|
||
|
|
background-color: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mainTitle {
|
||
|
|
color: orange;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mainTitle > .evil {
|
||
|
|
color: red;
|
||
|
|
|
||
|
|
/* animation-name: evilReveal;
|
||
|
|
animation-duration: 1s;
|
||
|
|
animation-fill-mode: both; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.evil {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
#card {
|
||
|
|
/* background-color: rgb(75, 0, 0); */
|
||
|
|
/* border-color: orange; */
|
||
|
|
}
|
||
|
|
|
||
|
|
a[href]:not(.chip) {
|
||
|
|
color: orange;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
body::after {
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
background-color: rgb(30, 4, 75);
|
||
|
|
background-image: linear-gradient(rgb(30, 4, 75), black);
|
||
|
|
position: fixed;
|
||
|
|
top: 0px;
|
||
|
|
left: 0px;
|
||
|
|
opacity: 0;
|
||
|
|
content: "";
|
||
|
|
|
||
|
|
z-index: -1;
|
||
|
|
|
||
|
|
animation-name: flashbang;
|
||
|
|
animation-delay: 0.9s;
|
||
|
|
animation-duration: 3s;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes flashbang {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes orangeShift {
|
||
|
|
0% {
|
||
|
|
color:
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes evilReveal {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
} */
|