body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-family: Arial, sans-serif;
    }

    #game {
    text-align: center;
    }

    #board {
    display: grid;
    grid-template: repeat(3, 100px) / repeat(3, 100px);
    gap: 5px;
    }

    .cell {
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    cursor: pointer;
    }

    #status {
    margin-bottom: 20px;
    }

    #restart {
    margin-top: 20px;
    }

    #container {
        position: relative;
        width: 500px;
        height: 500px; 
      }
      
      #gif {
        display: none;
        position: absolute;
        width: 100px;
        height: 100px;
        animation: bounce 10s infinite;
      }
      
      @keyframes bounce {
        0% { top: 0; left: 0; } /* Initial position */
        25% { top: 0; left: calc(100% - 100px); } /* Move right */
        50% { top: calc(100% - 100px); left: calc(100% - 100px); } /* Move down */
        75% { top: calc(100% - 100px); left: 0; } /* Move left */
        100% { top: 0; left: 0; } /* Move up */
      }