@keyframes slidein {
    from {
        scale:.5;
        opacity:0;
    }
    to {
        scale:1;
        opacity:1;
    }
}
@keyframes slideine {
    from {
        scale:.5;
        opacity:0;
    }
    to {
        scale:1;
        opacity:1;
    }
}
.TopText {
    scale:.5;
    opacity:0;
    font-size: 16pt;
    color: #aaa;
    font-style: italic;
    font-family: 'Consolas';
    margin-left:30px;
    margin-top:60px;
    position:absolute;
    animation-name: slideine;
    animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
}
.Articles {
    scale:.5;
    opacity:0;
    background-color:rgb(27, 26, 36);
    padding: 10px;
    padding-left: 20px;
    margin-top:calc(160px + 18pt - 4vw);
    position: absolute;
    display: block;
    border: 0px white solid;
    border-radius:10px;
    margin-left: 30px;
    width: calc(100% - 30px * 2);
    animation-name: slidein;
    animation-duration: 0.8s;
    animation-timing-function: ease-in-out;
    animation-delay: .2s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    padding-bottom:23px;
    -webkit-box-shadow: 0px 0px 25px 10px rgba(0,0,0,0.35); 
    box-shadow: 0px 0px 25px 10px rgba(0,0,0,0.35);
}
.LinkText {
    color: #fff;
    white-space: nowrap;
    position: absolute;
    transition: all .2s ease;
    z-index:1;
}
.LinkText:hover {
    color: #926bff;
}
.Time {
    color:#716c86;
    float:right;
    padding-right:20px;
    font-family: 'Consolas';
    margin-bottom:-10px;
    margin-top:6px;
    z-index:+10;
    position:relative;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(27, 26, 36) 35%);
    padding-left:30vw;
    white-space: nowrap;
    pointer-events: none;
}