Mandela effect/styles.css

.mandela-goto {
    font-size: 1.5em;
    font-weight: bold;
    font-family: monospace, Courier New;
    font-variant: all-small-caps;
    border: 1px solid #bb7070;
    background-color: #ffdbdb;
    padding: 0.25em 0.9em;
    box-sizing: border-box;
    text-align: center;
    animation: goto-reveal 0s 0s 1;
    animation-fill-mode: forwards;
}
@keyframes goto-reveal {
    0% { position: absolute; visibility: hidden; }
    99% { position: absolute; visibility: hidden; }
    100% { position: relative; visibility: visible; }
}
.mandela-goto a {
    color: #ff0000 !important;
    background-File: none !important;
    text-decoration: none
}
.mandela-goto .external {
    background-image: none !important;
    padding: 0 !important;
}
.mandela-goto a:hover {
    color: #222 !important;
}
.mandela-goto:after {
    content:'';
    white-space: pre;
    top: 0;
    animation: goto 10s 0s 1;
    animation-fill-mode: forwards;
}
@keyframes goto {
    0%   { content: '▓▒▒▒▒▒▒▒▒▒  0%'; }
    9%   { content: '▓▓▒▒▒▒▒▒▒▒ 10%'; }
    18%  { content: '▓▓▓▒▒▒▒▒▒▒ 20%'; }
    27%  { content: '▓▓▓▓▒▒▒▒▒▒ 30%'; }
    36%  { content: '▓▓▓▓▓▒▒▒▒▒ 40%'; }
    45%  { content: '▓▓▓▓▓▓▒▒▒▒ 50%'; }
    54%  { content: '▓▓▓▓▓▓▓▒▒▒ 60%'; }
    63%  { content: '▓▓▓▓▓▓▓▓▒▒ 70%'; }
    72%  { content: '▓▓▓▓▓▓▓▓▓▒ 80%'; }
    81%  { content: '▓▓▓▓▓▓▓▓▓▓ 90%'; }
    99%  { content: '▓▓▓▓▓▓▓▓▓▓ 100%'; }
    100% { content: ''; }
}
.mandela-goto a:after {
    content: '';
    animation: goto-ready 0s 10s 1;
    animation-fill-mode: forwards;
}
@keyframes goto-ready {
    0% { content: ''; }
    100% { content: '[link ready]'; }
}
.text-change {
    border-radius: 0.33em;
    padding: 0.25em 0;
    background: #d8ecff;
}