.container *{
    width: 100%;
}
.spin{
    animation-name: spinning;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}
.move{
    animation-name: moving;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.center {
    margin: auto;
    display: block;
}
.takePage{
    margin-top: 5%;
    width: 20%;
    height: 20%;
    object-fit: contain;
}
@keyframes moving {
    from { transform: translateX(30%);}
    50% { transform: translateX(-30%);}
    to   { transform: translateX(30%);}
}
@keyframes spinning {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.bigText {
    margin-top: 10%;
    text-align: center;
    width: 100%;
    font-size: 900%;
}