@charset "UTF-8";
*, *:after, *:before {
    box-sizing: border-box;
}
html,body {
    margin: 0;
    padding: 0;
    background-color: #555555;
    color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: serif;
    font-size: 5vw;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: white;
}
main {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    animation: animmain 7.61s infinite ease-in-out alternate;
}
vain {
    animation: animvain 15.55s infinite ease-in-out alternate;
}
eta, oin, shr, dlu {
    display: block;
}
eta, dlu {
    flex: 1 1 auto;
}
oin, shr {
    flex: 0 1 auto;
    border: 1px solid transparent;
}
oin {
    margin-left: -10%;
    animation: animoin 8.89s infinite ease-in-out alternate;
}
shr {
    font-size: 50%;
    margin-right: -10%;
    animation: animshr 11.52s infinite ease-in-out alternate;
}
asdf {
    height: 0px;
    overflow: hidden;
    animation: animasdf 1.74s infinite ease-in-out alternate;
}
oin:after, shr:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 8px;
    background: linear-gradient(0deg,
        rgba(2,0,36,1) 0%,
        rgba(9,9,121,1) 20%,
        rgba(0,212,255,1) 30%,
        rgba(254,255,0,1) 40%,
        rgba(255,255,255,1) 45%,
        rgba(254,255,0,1) 50%,
        rgba(255,255,255,1) 60%,
        rgba(254,255,0,1) 70%,
        rgba(0,212,255,1) 80%,
        rgba(9,9,121,1) 90%,
        rgba(2,0,36,1) 100%
    );
}
@keyframes animasdf {
    0%    { height: 0.0em; }
    60%   { height: 0.0em; }
    100%  { height: 1.2em; }
}
@keyframes animvain {
    0%      { transform: scale(1.02);  }
    100%    { transform: scale(0.95); }
}
@keyframes animmain {
    0%      { transform: rotate(-15deg);  }
    100%    { transform: rotate(-10deg); }
}
@keyframes animoin {
    0%      { transform: translateX( 10px);  }
    100%    { transform: translateX( 30px); }
}
@keyframes animshr {
    0%      { transform: translateX( 30px);  }
    100%    { transform: translateX(-10px); }
}
a {
    color: #ffffff;
}