/* TEXTOS */
p { color: #000 !important }
.switched.dark p { color: #eee !important }
.written-in-ink {display: none !important}
.header { display:none }
.capitalize {    text-transform: uppercase; }
.flashback { font-style:  italic; }
.error { filter: blur(5px);}

/* IMAGENES */

.beforefragment {
    display: none;
}

.beforefragment ~ img {
    width: 45%;
    float: right;
    position: relative;
    right: -35px;
    margin-bottom: 20px;
}


/* LINEAS */

.lines {
    text-align: center;
    font-size: min(7vw, 250%);
    filter: blur(2px);
    font-weight: bold;    
    font-family: monospace;
}

.lines-blank {
    opacity: 0;
}


/* ANIMACIONES */
.lines {
    animation-name: anirotate, aniopacity ;
    animation-duration: 1.3s, 2s;
    animation-iteration-count: infinite;
  }

  @keyframes anirotate {
    0.0%{            transform: rotate(0);  }
    42.0%{          transform: rotate(0);    }
    43.3%{          transform: rotate(2deg);    }
    48%{            transform: rotate(2deg);    }
    48.1%{      transform: rotate(-1deg);   }
    66%{            transform: rotate(-1deg);    }
    66.6%{          transform: rotate(2deg);    }
    68.3%{          transform: rotate(0);    }
}
  
  @keyframes aniopacity{
    0% {      opacity:1;    }
    24% {      opacity:1;    }
    27% {      opacity:0.76;    }
    33% {      opacity:1;    }
    38% {      opacity:0.81;    }
    41% {      opacity:0.89;    }
    45% {      opacity:1;    }
    51% {      opacity:0.56;    }
    62% {      opacity:1;    }
    71% {      opacity:0.2;    }
    79% {      opacity:1;    }
    85% {      opacity:0.35;    }
    89% {      opacity:1;    }
    90% {      opacity:0.85;    }
    94% {      opacity:0.29;    }
    100% {      opacity:1;    }
  }