[[module css]]
.blackbox {
background-color: rgb(0,0,0);
padding: 0.01rem 1rem 0.10rem;
margin: 1rem 3rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
color: #fff;
}
.blackbox a{
color: red;
}
.funnytext{
text-shadow:
0 0 1px #fff,
0 0 3px #fff,
0 0 5px #fff,
0 0 11px #0fa,
0 0 21px #0fa,
0 0 27px #0fa;
text-align: center;
text-transform: uppercase;
font-family: "Vibur", sans-serif;
font-size: 1.2rem;
}
.funnytext2{
text-shadow:
0 0 1px #fff,
0 0 3px #fff,
0 0 5px #fff,
0 0 11px #ff0000,
0 0 21px #ff0000,
0 0 27px #ff0000;
text-align: center;
text-transform: uppercase;
font-family: "Vibur", sans-serif;
font-size: 1.2rem;
}
@keyframes flicker {
20%, 54%, 75% {
text-shadow:
0 0 1px #fff,
0 0 3px #fff,
0 0 5px #fff,
0 0 11px #ff0000,
0 0 21px #ff0000,
0 0 27px #ff0000;
}
}
.flicker{
animation: flicker 1s infinite alternate;
}
@media only screen and (max-width:768px){
.funnytext2{
text-shadow:
0 0 1px #fff,
0 0 3px #fff,
0 0 6px #ff0000,
0 0 11px #ff0000;
}
.funnytext{
text-shadow:
0 0 1px #fff,
0 0 3px #fff,
0 0 6px #0fa,
0 0 11px #0fa;
}
.blackbox {
margin: 1rem 0rem;
}
@keyframes flicker {
20%, 54%, 75% {
text-shadow:
0 0 1px #fff,
0 0 3px #fff,
0 0 6px #ff0000,
0 0 11px #ff0000;
}
}
}
[[/module]]
[[div class="blackbox funnytext"]]
[[/div]]
[[span class="flicker"]]
[[/div]]