@keyframes anima {
    from {
        transform: translateX(-300px); 
    } 
    to {
        transform: translateX(0px);
    }
} 
.tausta1 {
    background-color: white; 
    width: 3000px; 
    height: 2000px; 
} 
.a1 {
    animation-name: anima; 
    animation-duration: 2s; 
    animation-iteration-count: 1; 
    font-size: 150px; 
    color: blue; 
    transition: 2s; 
} 
.a1:hover {
    color: red; 
} 
.a2 {
    animation-name: anima; 
    animation-duration: 2s; 
    animation-iteration-count: 1; 
    font-size: 150px; 
    color: blue; 
    transition: 2s; 
} 
.a2:hover {
    color: red; 
}  
.a3 {
    animation-name: anima; 
    animation-duration: 2s; 
    animation-iteration-count: 1; 
    font-size: 150px; 
    color: blue; 
    transition: 2s; 
} 
.a3:hover {
    color: red; 
}  
.nappi1 {
    animation-name: anima; 
    animation-duration: 2s; 
    animation-iteration-count: 1; 
    font-size: 150px; 
    color: blue; 
    background-color: red; 
    border-radius: 36px; 
}  
.linkki1 {
    animation-name: anima; 
    animation-duration: 2s; 
    animation-iteration-count: 1; 
    font-size: 150px; 
    color: blue; 
    transition: 2s; 
} 
.linkki1:hover { 
    color: red; 
}  
.a4 {
    animation-name: anima; 
    animation-duration: 2s; 
    animation-iteration-count: 1; 
    font-size: 150px; 
    color: blue; 
    transition: 2s; 
} 
.a4:hover {
    color: red; 
}  
.a5 {
    animation-name: anima; 
    animation-duration: 2s; 
    animation-iteration-count: 1; 
    font-size: 150px; 
    color: blue; 
    transition: 2s; 
} 
.a5:hover { 
    color: red; 
}  
.a6 {
    animation-name: anima; 
    animation-duration: 2s; 
    animation-iteration-count: 1; 
    font-size: 150px; 
    color: blue; 
    transition: 2s; 
} 
.a6:hover {
    color: red; 
}