#FounderImg{
    width: 245px;
    height: 265px;
    border: 1px solid black;
    border-radius: 50px;
    position: relative;
    animation: Founder 3s 3s normal forwards;
}
@keyframes Founder{
    0% {width: 245px; height: 265px; top: 0; right: 0}
    /*100% {width: 100px; height: 90px; top: 0; right: -164px}*/
    100% {width: 90px; height: 90px; top: -9px; right: 17px}
}

#FounderText{
    position: relative;
    animation: FounderText 3s 3s normal forwards;
}
@keyframes FounderText{
    0% {top: 0; left: 0; font-size: 22px}
    100% {top: -55px; left: 42%; font-size: 14px}
}

.ParaRow{
    height: 24px;
}

.ParaLine{
    position: relative;
    top: 50%;  
    width: 0px;
    margin: 0 auto;
    font-size: 18px;
    text-align: justify;
    white-space: nowrap;
    /*overflow: hidden;*/
    /*transform: translateY(-50%);*/
}

.ParaLine p{
    overflow: hidden;
    margin: 0;
    letter-spacing: 1px;
    color: #3300ff;
}

.FirstLetter{
    color: transparent;
    position: absolute;
    float: left;
    user-select: none;
    font-weight: bold;
}

.FirstName{
    color: #ff0000;
    font-weight: bold;
}

.Anim1{
    animation: typewriter 3s steps(440) 6s 1 normal both;
}
.Anim2{
    animation: typewriter 3s steps(440) 8s 1 normal both;
}
.Anim3{
    animation: typewriter 3s steps(440) 10s 1 normal both;
}
.Anim4{
    animation: typewriter 3s steps(440) 12s 1 normal both;
}
.Anim5{
    animation: typewriter 3s steps(440) 14s 1 normal both;
}
.Anim6{
    animation: typewriter 3s steps(440) 16s 1 normal both;
}
.Anim7{
    animation: typewriter 3s steps(440) 18s 1 normal both;
}
.Anim8{
    animation: typewriter 3s steps(440) 20s 1 normal both;
}
.Anim9{
    animation: typewriter 3s steps(440) 22s 1 normal both;
}
.Anim10{
    animation: typewriter 3s steps(440) 24s 1 normal both;
}
.Anim11{
    animation: typewriter 3s steps(440) 26s 1 normal both;
}
.Anim12{
    animation: typewriter 3s steps(440) 28s 1 normal both;
}
@keyframes typewriter{
    from{width: 0;}
    to{width: 100%;}
}

#FounderPrefix{
    animation: FounderPrefix 2s 30s infinite;
}
#FirstAnim1{
    animation: FirstAnim1 2s 30s normal forwards;
}
#FirstAnim2{
    animation: FirstAnim2 2s 30s normal forwards;
}
#FirstAnim3{
    animation: FirstAnim3 2s 30s normal forwards;
}
#FirstAnim4{
    animation: FirstAnim4 2s 30s normal forwards;
}
#FirstAnim5{
    animation: FirstAnim5 2s 30s normal forwards;
}
#FirstAnim6{
    animation: FirstAnim6 2s 30s normal forwards;
}
#FirstAnim7{
    animation: FirstAnim7 2s 30s normal forwards;
}
#FirstAnim8{
    animation: FirstAnim8 2s 30s normal forwards;
}
#FirstAnim9{
    animation: FirstAnim9 2s 30s normal forwards;
}
#FirstAnim10{
    animation: FirstAnim10 2s 30s normal forwards;
}
@keyframes FounderPrefix{
    from{color: transparent}
    /*to{top: 93px; left: 308px; font-size: 21px}*/
    to{color: red}
}
@keyframes FirstAnim1{
    from{top: 0; left: 0; font-size: 18px}
    /*to{top: 93px; left: 308px; font-size: 21px}*/
    to{top: 5px; left: 330px; font-size: 21px}
}
@keyframes FirstAnim2{
    from{top: 0; left: 0; font-size: 18px}
    /*to{top: 69px; left: 336px; font-size: 21px}*/
    to{top: -19px; left: 358px; font-size: 21px}
}
@keyframes FirstAnim3{
    from{top: 0; left: 0; font-size: 18px}
    /*to{top: 44px; left: 361px; font-size: 21px}*/
    to{top: -43px; left: 381px; font-size: 21px}
}
@keyframes FirstAnim4{
    from{top: 0; left: 0; font-size: 18px}
    /*to{top: 20px; left: 383px; font-size: 21px}*/
    to{top: -67px; left: 405px; font-size: 21px}
}
@keyframes FirstAnim5{
    from{top: 0; left: 0; font-size: 18px}
    /*to{top: -4px; left: 397px; font-size: 21px}*/
    to{top: -91px; left: 417px; font-size: 21px}
}
@keyframes FirstAnim6{
    from{top: 0; left: 0; font-size: 18px}
    /*to{top: -28px; left: 424px; font-size: 21px}*/
    to{top: -115px; left: 441px; font-size: 21px}
}
@keyframes FirstAnim7{
    from{top: 0; left: 0; font-size: 18px}
    /*to{top: -52px; left: 448px; font-size: 21px}*/
    to{top: -139px; left: 465px; font-size: 21px}
}
@keyframes FirstAnim8{
    from{top: 0; left: 0; font-size: 18px}
    /*to{top: -76px; left: 467px; font-size: 21px}*/
    to{top: -163px; left: 482px; font-size: 21px}
}
@keyframes FirstAnim9{
    from{top: 0; left: 0; font-size: 18px}
    /*to{top: -100px; left: 482px; font-size: 21px}*/
    to{top: -187px; left: 496px; font-size: 21px}
}
@keyframes FirstAnim10{
    from{top: 0; left: 0; font-size: 18px}
    /*to{top: -124px; left: 502px; font-size: 21px}*/
    to{top: -211px; left: 514px; font-size: 21px}
}

#FounderMeaning{
    overflow: hidden;
    height: 207px;
    border: 1px solid;
    padding: 5px;
    font-size: 12.02px;
    width: 0;
    position: relative;
    top: -196px;
    left: 223px;
    text-align: justify;
    color: transparent;
    user-select: none;
    animation: FounderMeaning 4s steps(440) 32s 1 normal both;
}
@keyframes FounderMeaning{
    0%{width: 0; color: transparent}
    50%{width: 307px; color: gray}
    100%{width: 307px; color: black}
}