body {
    background-color: white;
}
.cont {
    width: 600px;
    height: 100px;
}
.rod {
    font-size: 35px;
    color: red;
    animation: fs1 2s;
    animation-fill-mode: forwards;   
}

#rod1 {
    color: white;
    animation: color 2s;
    animation-fill-mode: forwards;
}
.text1 {
    font-size: 20px;
    margin-top: 10px;
}

@keyframes fs1 { 0%{ font-size: 0px;}
 100%{font-size: 20px;text-shadow: #cad5e2 1px 1px 0, #cad5e2 2px 2px 0, 
    #cad5e2 3px 3px 0, #cad5e2 4px 4px 0, 
    #cad5e2 5px 5px 0;}}

@keyframes color { 0%{color: white;}80%{color: rgb(217, 28, 28);}
    100% {color: red;}}