body{
    background-color: white;
    font-family: "EB Garamond", serif;
    font-weight:  400;
    font-style:  normal;
  
    display: flex;
    flex-direction: column;
    align-items: center;  
    margin: 30px 70px;  
    padding: 30px 60px;
}
.logo {
    margin: 0;
}

img {
    width: 400px;
    height: auto;
}
.ball {
    width: 30px;
    height: 30px;
    background: black;
    border-radius: 50%;
    position: absolute;
   

    animation: moveX 6s linear infinite alternate,
               moveY 4s ease-in-out infinite alternate;
}

/* Horizontal movement */
@keyframes moveX {
    from { left: 0; }
    to   { left: calc(100vw - 30px); }
}

/* Vertical bouncing (jump-like) */
@keyframes moveY {
    0%   { top: 0; }
    50%  { top: calc(100vh - 30px); }
    100% { top: 0; }
}

.footer-text{
     position: absolute;
    bottom: 10px;
    font-size: 0.8rem;
    left: 30%;
    right: 30%;
    text-align: center;
}