/* hide the main content while we assemble everything */
.md-hidden-load {
    display: none;
}

.anchor-highlight {
    font-size: 0.7em;
    margin-left: 0.25em;
}

/* for pageContentMenu */
#md-page-menu {
    position: static;
}

#md-page-menu a.active {
    /* background-color: rgba(0, 0, 0, 0.01); */
    font-weight: bold;
    padding-left: 6px;
}

.navbar-nav>.active>a {
    color: #fff;
    background-color: #272b2e;
    background-image: none !important;
}

@media (min-width: 992px) {
    #md-page-menu.affix {
        position: fixed;
    }
}

@media (min-width: 768px) {

    .md-float-left .col-sm-8,
    .md-float-right .col-sm-8 {
        max-width: 66.67%;
    }

    .md-float-left .col-sm-4,
    .md-float-right .col-sm-4 {
        max-width: 33.33%;
    }

    .md-float-left .col-sm-2,
    .md-float-right .col-sm-2 {
        max-width: 16.67%;
    }

}

@media (max-width: 768px) {

    /* don't use floating for smaller screens */
    .md-float-left .col-sm-8,
    .md-float-left .col-sm-4,
    .md-float-left .col-sm-2 {
        width: 100%;
        max-width: !important;
        min-width: 100%;
    }

    .md-float-right .col-sm-8,
    .md-float-right .col-sm-4,
    .md-float-right .col-sm-2 {
        width: 100%;
        max-width: !important;
        min-width: 100%;
    }
}

.md-floatenv .md-text {
    /* md-text is not of md-col-* but needs the spacing */
    margin-left: 15px;
    margin-right: 15px;
}

/* float images */
.md-float-left .col-sm-8,
.md-float-left .col-sm-4,
.md-float-left .col-sm-2 {
    width: auto;
}

.md-float-right .col-sm-8,
.md-float-right .col-sm-4,
.md-float-right .col-sm-2 {
    float: right !important;
    width: auto;
}

#md-all .md-copyright-footer {
    background-color: !important;
    font-size: smaller;
    padding: 1em;
}

.md-ignore .img-thumbnail {
    border: none;
}

.missives_one {
    font-size: 7em;
    color: #272b30;
    text-shadow: -3px -1px 0 #222725, 0px -1px 0 #000, -1px 0px 0 #000, 0px 1px 0 #000;
}

.missives_two {
    font-size: 7rem;
    color: #b30b30;
    text-shadow: 0px 3px 0 orange, -1px -1px 1 orange, 2px 1px 1 orange;
    animation: anim-missives-two 5s infinite alternate;
}

.missives_three {
    font-size: 2em;
    color: #fadf10;
    text-shadow: 0px 3px 0 blue, -1px -1px 1 blue, 2px 1px 1 blue;
    animation-name: anim-missives-three;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 5s;
    transform-style: flat;
    transform-origin: 0px 0px 0;
}

@keyframes anim-missives-two {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes anim-missives-three {
    0% {
        transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    }

    33% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateY(-180deg) translateX(-400px);
    }

    83% {
        transform: rotateX(90deg);
    }

    100% {
        perspective: 10px;
    }
}

/*var circle = document.getElementsByTagName("circle")[0];
var change = document.getElementById("change");

circle.addEventListener("animationend", function() {
		change.innerHTML = "The animation has ended!";
});*/

.whatever {
    font-size: 48px;
    -webkit-text-stroke: 3px yellow;
    text-stroke: 3px yellow;
}

.redacted {
    color: #000;
    background-color: #000;
}

.deleted-text {
    width: 100%;
    background-color: rgb(29, 33, 38);
    /*margin: 10px 0px 0px 0px;*/
}

.overlay-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.overlay {
    position: absolute;
    top: 50%;
    z-index: 5;
    text-align: center;
    background-color: rgb(19, 23, 28);
    left: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
    opacity: 80%;
    padding: 10px 10px 10px 10px;
    font-style: italic;
}

.overlay div:nth-child(1) {
    font-style: italic;
    font-size: 1.2em;
}

pre,
.fake-pre {
    background-color: #c0c0c0 !important;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    display: block !important;
    padding: 9.5px;
    margin: 0 0 10px;
    color: #3a3f44;
    word-break: break-word !important;
    word-wrap: break-word !important;
    border: 1px solid #cccccc;
    border-radius: 4px;
    white-space: pre-wrap !important;
}

@font-face {
    font-family: "NapalmStrike";
    src: url("assets/Napalm_Strike.woff") format('woff');
}

@font-face {
    font-family: "Mainframe1";
    src: url("assets/mainframe-opto.ttf")
}

@font-face {
    font-family: "Fisherman";
    src: url("assets/TheFishermansNeighbor.ttf")
}

@font-face {
    font-family: "Artisan12";
    src: url("assets/artisan12.otf") format("opentype");
}

.font-pica {
    font-family: 'IM Fell DW Pica';
}

#md-main-navbar {
    font-family: "Mainframe1"
}

.font-fisherman {
    font-family: "Fisherman";
}

.font-artisan-12 {
    font-family: "Artisan12";
    font-size: 1.9em;
}

.size-big {
    font-size: 1.4em;
}

.size-xl {
    font-size: 2em;
}

.bg-paper {
    background-color: whitesmoke;
    padding: 1em;
    background-repeat: repeat;
    background-image: url("data:image/jpeg;base64,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");
}

.fg-typewriter {
    color: #0d0f0dc9;
}

.alert-level1 {
    background-color: red;
    color: white;
    font-size: 1.2em;
    border: 4px solid #ff3333;
    border-radius: 1px;
    text-align: center;
    margin: 0 auto;
}

.alert-heading {
    font-size: 1.5em;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 0 orange,
        -1px -1px 0 orange, 1px -1px 0 orange, -1px 1px 0 orange;
}

.accordion>input[name="collapse"] {
    display: none;
}

.warning-image {
    width: 100px;
    border: none !important;
}

.anim-egg-579-bg {
    animation-name: anim-egg-579;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 15s;
}

@keyframes anim-egg-579 {
    from {
        opacity: .4;
        background-color: yellow;
    }

    to {
        opacity: .5;
        background-color: green;
    }
}

body,
pre,
.dropdown-menu {
    font-size: 18px;
}

#sticky-footer {
    background-color: #444444;
}

.category-dyed {
    font-size: 1.4em;
    color: white;
    animation-name: anim-egg-dyed;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 4s;
}

@keyframes anim-egg-dyed {
    0% {
        text-shadow: 6px 6px #c0c0c0;
    }

    25% {
        text-shadow: 6px -6px #dbcded;
    }

    50% {
        text-shadow: -6px -6px #ccffcc;
    }

    75% {
        text-shadow: -6px 6px #dedded;
    }

    100% {
        text-shadow: 6px 6px #deadbeef;
    }
}

@keyframes anim-uwwo {
    0% {
        background: rgba(255, 255, 255, .5);
    }

    50% {
        background: #c0c0c0;
    }
}

#md-content-footer {
    margin-top: 20px;
    color: #456564;
    font-family: Courier, monospace;
}

#page-nav {
    font-weight: bold;
    margin-top: 25px;
    color: #95B5B4;
}

#page-nav-inner>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab-wrap {
    transition: 0.3s box-shadow ease;
    border-radius: 6px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    list-style: none;
    background-color: #fff;
    margin: 40px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.tab:checked:nth-of-type(1)~.tab__content:nth-of-type(1),
.tab:checked:nth-of-type(2)~.tab__content:nth-of-type(2),
.tab:checked:nth-of-type(3)~.tab__content:nth-of-type(3) {
    opacity: 1;
    transition: 0.5s opacity ease-in, 0.8s transform ease;
    position: relative;
    top: 0;
    z-index: 100;
    transform: translateY(0px);
    text-shadow: 0 0 0;
}

.tab+label {
    box-shadow: 0 -1px 0 #eee inset;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: #333;
    flex-grow: 3;
    text-align: center;
    background-color: #f2f2f2;
    user-select: none;
    text-align: center;
    transition: 0.3s background-color ease, 0.3s box-shadow ease;
    height: 50px;
    box-sizing: border-box;
    padding: 15px;
}

.tab__content {
    padding: 10px 25px;
    background-color: transparent;
    position: absolute;
    width: 100%;
    z-index: -1;
    opacity: 0;
    left: 0;
    transform: translateY(-3px);
    border-radius: 6px;
}

h4 {
    font-weight: bold;
}

/* characters */

.text-tworhous {
    text-shadow: -2px -2px 2px #800000;
}

.text-unknown {
    text-shadow: -1px 3px 1px #3333ff;
    animation-name: anim-unknown;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 4s;
}

@keyframes anim-unknown {
    0% {
        text-shadow: -1px 3px 1px #3333ff;
    }

    50% {
        text-shadow: 1px -3px 1px #3333ff;
    }
}

.text-skystalker {
    text-shadow: -1px -1px 3px #ffc1fc;
    color: #d321ca;
    animation-name: anim-skystalker;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 5s;
}

.text-sky {
    text-shadow: -1px -1px 2px #ffc1fc, 1px 1px 1px #cb92f798;
    color: #cb92f7;
}

@keyframes anim-skystalker {
    0% {
        color: #d321ca
    }

    50% {
        color: #3f0b3d
    }
}

.text-defective {
    text-shadow: -1px -1px 3px #990000;
    color: #ff3333;
}

.text-btb {
    text-shadow: -1px -1px 3px rgb(0, 53, 100);
    color: rgb(0, 153, 255);
}

.text-defective5 {
    background: linear-gradient(to right, #ff3333 0%, #ffea80 50%, rgb(0, 153, 255) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: wave2 3000ms ease alternate infinite;
    transition: all 7s ease;
}

@keyframes wave2 {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 25px;
    }
}

.text-tegwea {
    text-shadow: -1px -1px 3px rgb(33, 122, 255);
    color: rgb(33, 222, 255);
}

.text-mikayla {
    text-shadow: -1px -1px 1px #ffc1fc, 1px 1px 1px #d321ca, 0px 0px 2px #21deffaa;
    color: #21deff;
}

.text-bleghos {
    text-shadow: -1px -1px 3px #111166;
    color: #3333ff;
}

.text-uwwo {
    text-shadow: -2px -2px 1px #BB773366, -1px -1px 1px #662200, 1px 1px 1px black;
    color: #B87333;
}

.text-seghveart {
    text-shadow: 2px 2px 3px black;
    color: #ff0000cc;
}

.text-volcano {
    text-shadow: 2px 2px 1px #ff000066, -2px -2px 0px #ff000066;
    color: #000000ff;
    animation: shadow1 3000ms ease alternate infinite;
    transition: all 500ms linear;
}

.text-coffee {
    text-shadow: -1px -1px 3px rgb(128, 0, 64);
    color: rgb(192, 0, 128);
}

.text-jill {
    text-shadow: -1px -1px 3px rgb(200, 64, 0);
    color: rgb(255, 104, 10);
}

.shadow-jill {
    text-shadow: 2vw 0 .4vw rgba(200,64,0,.44), 2.2vw 0 .6vw rgba(200,64,0,.22);
}

.text-jill99 {
    text-shadow: -10px 10px 5px rgb(0, 0, 0);
    color: rgb(0, 0, 200);
}

.text-karuwos {
    text-shadow: -1px -1px 3px rgb(64, 130, 0);
    color: rgb(10, 174, 61);
}

.text-karuwos-blue {
    text-shadow: 1px 1px 2px rgb(26, 66, 243);
    color: rgb(16, 70, 255);
}

.text-cam {
    text-shadow: 1px 1px 2px #000069f7, -1px -1px 2px #54545466;
    color: #0000ff;
}

.text-saviour {
    text-shadow: -1px -1px 1px #ffea80;
    color: rgb(255, 187, 0);
}

.text-shukra {
    text-shadow: -1px -1px 2px #dd3300, -2px -2px 2px #f4f413c1;
    color: #ff7700;
}

.text-ghelwos {
    text-shadow: -1px -1px 1px #ffea80;
    color: #33dd33;
}

.shadow-ghelwos {
    text-shadow: 2vw 0 .4vw rgba(255,234,128,.44), 2.2vw 0 .6vw rgba(51,221,51,.22);
}

.text-kobus {
    text-shadow: 3px -3px 3px #a59910;
    color: #d5c70a;
}

.text-henry {
    text-shadow: -2px -2px 2px #439643;
    color: #10ff10;
}

.text-salvation {
    text-shadow: -2px -2px 2px #439643, -1px -1px 2px rgba(255, 166, 0, 0.647);
    color: #10ff10;
}

.text-cube {
    text-shadow: -3px -3px 3px #530099;
    color: #8800cc;
}

.text-gerahnos {
    text-shadow: 4px -4px 3px #330000;
    color: #963000;
}

.text-quetu {
    text-shadow: 4px -4px 3px #aa00aa;
    color: #ff00ff;
}

.text-weyuh {
    text-shadow: 2px -2px 3px #fcab3f;
    color: #b76b07;
}

.text-hrebro {
    text-shadow: -2px -2px 3px rgb(57, 115, 81);
    color: rgb(112, 229, 162);
}

.text-echo {
    color: #111111;
    font-style: italic;
}

.text-echo-35 {
    color: #cb4747;
    text-shadow: -3px -3px 1px #cb474766, -5px -5px 3px #cb474733, 0px 0px 2px black;
}

.text-chatgpt {
    text-shadow: -1px -1px 2px rgb(250, 00, 11);
    color: rgb(1, 255, 22);
}

.text-equilux {
    text-shadow: -2px -2px 2px #24ABBF;
    color: #33d5ee;
}

.text-brahma {
    text-shadow: 2px 2px 1px #fff, -2px -2px 0px #000;
    color: #000000ff;
    animation: shadow2 3000ms ease alternate infinite;
    transition: all 500ms linear;
}

.text-brenda {
    text-shadow: -1px -1px 1px olive;
    color: #a0f000;
}

.text-azazel {
    text-shadow: 0px 0px 3px #8C001A, -1px -1px 1px #000000;
    color: #8C001A;
}

.text-amy {
    text-shadow: -2px -2px 2px #ff6bb8, -1px -1px 1px #000000;
    color: #ff5473;
}

.text-weaver {
    text-shadow: -2px -2px 2px whitesmoke, -1px -1px 3px #000000;
    color: white;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.font-1-4 {
    font-size: 1.4em;
}

.font-1-3 {
    font-size: 1.3em;
}

.font-1-2 {
    font-size: 1.2em;
}

.font-1-1 {
    font-size: 1.1em;
}

.font-0-9 {
    font-size: 0.9em;
}

.font-0-8 {
    font-size: 0.8em;
}

.text-gowstiodi {
    background: linear-gradient(to right, rgb(255, 149, 0) 0%, rgba(255, 149, 0, 0.5) 20%, rgba(255, 149, 0, .2) 61%),
        linear-gradient(rgb(3, 126, 9) 52%, rgb(16, 149, 36) 60%, rgb(78, 132, 80) 61%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: wave 3000ms ease alternate infinite;
    transition: all 5s ease;
}

.text-quint {
    background: linear-gradient(to top, rgb(255, 149, 0) 0%, rgba(255, 149, 0, 0.5) 20%, rgba(255, 149, 0, .2) 61%),
        linear-gradient(rgb(3, 126, 9) 52%, rgb(16, 149, 36) 60%, rgb(78, 132, 80) 61%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: wave 666ms ease-in-out alternate infinite;
    transition: all 555ms ease;
}


@keyframes wave {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 10px 10px;
    }
}

@keyframes shadow1 {
    0% {
        text-shadow: 2px 2px 1px #ff000066, -2px -2px 0px #ff000066;
        color: #ff0000;
    }
    100% {
        text-shadow: -2px -2px 2px #ff000066, 2px 2px 0px #ff000066;
        color: #000000;
    }
}

@keyframes shadow2 {
    0% {
        text-shadow: 2px 2px 1px #000, -2px -2px 0px #fff;
        color: #fff;
    }
    100% {
        text-shadow: -2px -2px 2px #fff, 2px 2px 0px #000;
        color: #000000;
    }
}

.text-danger1 {
    background: linear-gradient(to right, rgb(170, 150, 170, .7) 0%, rgba(125, 100, 140, 0.5) 40%, rgba(200, 200, 200) 99%),
        linear-gradient(rgb(120, 120, 220) 0%, rgb(70, 70, 111) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shake 700ms alternate infinite;
    transition: all 2300ms ease;
}

.haunting {
    background-color: #000 !important;
}

@keyframes shake {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 25px -5px;
    }

    100% {
        background-position: 50px 5px;
    }
}

.text-defjunk {
    color: white;
    animation: defjunk 25000ms alternate infinite;
    transition: all 5000ms ease;
}

@keyframes defjunk {
    0% {
        color: red;
    }

    25% {
        color: yellow;
    }

    50% {
        color: green;
    }

    75% {
        color: blue;
    }
}

.text-flip {
    display: inline-block;
    transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
}

.meta-out {
    border-left: 5px double rgba(222, 12, 24, 0.444);
}

.meta-in {
    border-left: 5px double rgba(26, 74, 217, 0.444);
}

.text-meta-out {
    --text-shadow: 0px 0px 1px rgb(255, 174, 126, 0.777);
    --color: rgba(26, 74, 217, 0.444);
    --color: rgba(211, 162, 254, 0.747);
    color: rgba(222, 12, 24, 0.888);
    font-size: 1.11em;
}

.text-meta-in {
    color: rgba(211, 166, 244, 0.774);
    font-size: 1.11em;
}

.meta-out .char-name {
    margin-left: 1vw;
}

.meta-out:hover {
    border-left: 5px double rgba(26, 74, 217, 0.444);
}

.meta-out .hidden-child-out {
    color: rgba(26, 74, 217, 0.444);    
}

.meta-out:hover .hidden-child-out {
    animation: meta-out .333s ease-in .1s 1 alternate both;    
    opacity: 0.5;
    font-size: 1.333em;
    transition: all .26s ease;
}

@keyframes meta-out {
    0% {
        transform: translate(-77%, 45%) rotate(270deg);
        transform-origin: bottom center;
    }

    100% {
        transform: translate(-57%, 50%) rotate(270deg);
        transform-origin: center bottom;
        font-size: 1.999em;        
        text-shadow: -2px -2px 2px rgb(32, 232, 232, .333);
        opacity: 1;
        position: absolute;
    }
}

.meta-out:not(:hover) .hidden-child-out {
    animation: meta-out-back .555s ease-in .1119s 1 alternate both;
    opacity: 0.5;
    font-size: 1.333em;
    transition: all .26s ease;
}

.meta-out:hover .meta-out-container {
    font-size: 1.119em;
    animation: meta-out-container .333s ease-in .111s 1 alternate both;    
}

.meta-out:not(:hover) .meta-out-container {    
    font-size: .666em;
}

@keyframes meta-out-container {
    0% {
        font-size: .666em;
    }

    100% {
        font-size: 1.119em;
    }
}

@keyframes meta-out-back {
    0% {
        transform: translate(-57%, 50%) rotate(270deg);
        transform-origin: center bottom;
        font-size: 1.999em;        
        text-shadow: -2px -2px 2px rgb(32, 232, 232, .333);
        opacity: 1;
        position: absolute;
    }
    20% {
        opacity: .555;
    }
    100% {        
        text-shadow: -2px -2px 2px rgb(32, 232, 232, .333);
        opacity: .444;
        transform: translate(-77%, 45%) rotate(270deg);
        transform-origin: bottom center;
    }
}

.meta-in>.char-name {
    margin-left: 1vw;
}

.meta-in:hover {
    border-left: 5px double rgba(222, 12, 24, 0.444);
}

.meta-in .hidden-child-in {
    color: rgba(217, 26, 74, 0.444);    
}

.meta-in:hover .hidden-child-in {
    animation: meta-in .333s ease-in .1s 1 alternate both;    
    opacity: 0.5;
    font-size: 1.333em;
    transition: all .26s ease;
}

.meta-in:not(:hover) .hidden-child-in {
    animation: meta-in-forward .555s linear .1119s 1 normal both;
}

@keyframes meta-in {
    0% {
        
    }

    100% {
        transform: translate(-77%, 45%) rotate(270deg);
        transform-origin: bottom center;
        font-size: 1.999em;
        text-shadow: -2px -2px 2px rgb(237, 37, 37, .999);
        opacity: 1;
        position: absolute;
    }
}

.meta-in:hover .meta-in-container {
    font-size: 1.999em;
    color: #ff111133;
    animation: meta-in-container .333s ease-in .111s 1 alternate both;    
}

.meta-in:not(:hover) .meta-in-container {    
    font-size: 1.999em;
    color: #ff111133;    
}

@keyframes meta-in-container {
    0% {
        font-size: 1.999em;
        color: #ff111133;
    }

    50% {        
        font-size: 1.323em;
        color: #ff1111;
        text-shadow: 
        -1px -1px 1px maroon, 
        -.555px 6.66px 0px maroon, 
        3px -3px 3px maroon;
    }

    100% {        
        font-size: 1.222em;
        color: red;
        text-shadow: 
        1px 1px 1px maroon, 
        .555px -6.66px 0px maroon, 
        -3px 3px 3px maroon;
    }
}

@keyframes meta-in-forward {
    0% {
        transform: translate(-77%, 45%) rotate(270deg);
        transform-origin: bottom center;
        font-size: 1.999em;        
        text-shadow: -2px -2px 2px rgb(237, 37, 37, .333);
        opacity: 1;
        position: absolute;
    }
    20% {
        opacity: .555;
    }
    100% {
        transform: unset;              
        text-shadow: -2px -2px 2px rgb(237, 37, 37, .333);
        opacity: .444;
    }
}

.meta .location-name {
    transform: none;
}

.timeline-load {
    font-size: 5vh;
}

.shadow-saviour {
    text-shadow: 2vw 0 .4vw rgba(255,187,0,.44), 2.2vw 0 .6vw rgba(255,187,0,.22);
}

.shadow-karuwos-blue {
    text-shadow: 1px 1px 2px rgb(26, 66, 243);
    color: rgb(16, 70, 255);

    text-shadow: 2vw 0 .4vw rgba(26,66,243,.44), 2.2vw 0 .6vw rgba(16,70,255,.22);
}

.char-name {
    display: block;
    font-variant: small-caps;
    font-size: 1.3em;
    left: -.9vw;
    position: relative;
}

.meta .md-text {
    --margin-left: 1vw;
}

.text-intro {
    display: block;
    font-size: 1.5em;
    width: 100%;
    position: relative;
    text-align: center;
}

hr.scene {
    border: 2px double #c0c0c0;
    border-radius: 5px;
    background-color: black;
}

.center {
    position: relative;
    width: 100%;
    text-align: center;
    display: block;
}

.bounce {
    .char {
        animation: bounce .5s ease-in-out infinite alternate;
        position: relative;
        top: 1px;
    }

    .char:nth-child(2n) {
        animation-delay: .2s;
    }

    .char:nth-child(3n) {}
}

.float {
    .char {
        animation: float .9s cubic-bezier(0, .23, 1, .91) infinite alternate;
        position: relative;
        top: 5px;
        display: inline-block;
    }

    .char:nth-child(2n) {
        animation-delay: .333s;
    }

    .char:nth-child(3n) {
        animation-delay: .444s;
    }
}

@keyframes bounce {
    100% {
        top: -1px;
    }
}

@keyframes float {
    0% {
        top: 5px;
        transform: perspective(555px) translateZ(0px);
    }

    100% {
        top: -5px;
        transform: perspective(555px) translateZ(111px);
    }
}

.memoir-arual:before {
    animation: arual 15s linear 0s infinite normal;
    content: 'Laura';
}

@keyframes arual {
    98% {
        content: 'Laura'
    }

    99% {
        content: 'Ariel'
    }

    100% {
        content: 'Laura'
    }
}

.memoir-brenda:before {
    animation: brenda 5s linear 0s infinite normal;
    content: 'Brenda';
}

@keyframes brenda {
    98% {
        content: 'Brenda'
    }

    99% {
        content: 'Laura'
    }

    100% {
        content: 'Brenda'
    }
}

.memoir-mikayla:before {
    animation: mikayla 3.33s linear 0s infinite normal;
    content: 'Mikayla';
}

@keyframes mikayla {
    95% {
        content: 'Mikayla'
    }

    97% {
        content: 'Mikayalee'
    }

    100% {
        content: 'Mikayla'
    }
}

.memoir-defective:before {
    animation: detective 5.55s linear 0s infinite normal backwards;
    content: 'etective';
}

@keyframes detective {
    0% {
        color: inherit;
    }
    76% {
        color: inherit;
    }
    77% {
        color: red;
        content: 'etective';        
    }
    79% {
        color: yellow;        
        content: 'efective';        
    }
    81% {
        color: green;
    }    
    83% {
        color: blue;
        content: 'etective';        
    }
    85% {
        color: inherit;
    }
}

p.tip
{    
    background-image: url('../assets/Bulb-48.png'), url('/assets/Bulb-48.png'), url('/universemdwiki/assets/Bulb-48.png');
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fffbea;	
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #f1c40f;
    color: #404040;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.tip
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fffbea;
	background-image: url('../assets/Bulb-48.png'), url('/assets/Bulb-48.png'), url('/universemdwiki/assets/Bulb-48.png');
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #f1c40f;
    color: #404040;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
} 

.image-center {
    display: flex; 
    align-items: center; 
    align-content: center; 
    justify-content: center;
}