body {background-color: white;} 

div#Timer {
    visibility: collapse;
    display: none;
}
div#Index {
    visibility: collapse;
    display: none;
}

div#Content {
    border: 1px solid red;
    border-color:black;
    background-color: white;
    position: absolute;
    width: 98%;
    height: 97%;
    overflow: hidden;

}

audio {
    visibility: hidden;
}

div.word1 {
    animation: keyframes_word1 10s; 
    animation-fill-mode: forwards;
    font-family: Georgia, 'Times New Roman', Times, serif;
    position: absolute; 
    font-size: 1000%;
    left: 1%;
    width: 33%;
}   

@keyframes keyframes_word1 {
    0%   {opacity: 0; 
          bottom:  -10%;
         }
    
    50%  {opacity: 1;

    }
    100% {opacity: 0; 
          bottom: 100%;
        }
    }

div.word2 {
    /* background-color: antiquewhite; */
    animation: keyframes_word2 11s; 
    animation-fill-mode: forwards;
    font-family: Georgia, 'Times New Roman', Times, serif;
    position: absolute; 
    font-size: 1000%;
    left: 34%;
    text-align: center;
    width: 32%;
}   
        
@keyframes keyframes_word2 {
    0%   {opacity: 0; 
          bottom:  100%;
         }
    
    50%  {opacity: 1;

    }
    100% {opacity: 0; 
          bottom: -10%;
        }
    }

    div.word3 {
        /* background-color: azure; */
        animation: keyframes_word3 9s; 
        animation-fill-mode: forwards;
        font-family: Georgia, 'Times New Roman', Times, serif;
        position: absolute; 
        font-size: 1000%;
        left: 66%;
        text-align: right;
        width: 33%;
    }   
            
    @keyframes keyframes_word3 {
        0%   {opacity: 0; 
              bottom:  -10%;
             }
        
        50%  {opacity: 1;
    
        }
        100% {opacity: 0; 
              bottom: 100%;
            } 
        }