body {
            background-color: rgb(0, 255, 119);
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        @font-face {
          font-family: 'RetroGaming';
          src: url("fonts/retro_gaming/Retro\ Gaming.ttf") format('truetype');
          font-weight: normal;
          font-style: normal;
        }

        .header {
            width: 100%;
            position: relative;
            height: 100px; /* Adjust height as needed */
        }

        .settings-icon {
            width: 150px;
            height: auto;
            top: 30px; /* Adjust top padding */
            left: 30px; /* Adjust left padding */
            position: absolute;
        }

        .info-icon {
            width: 120px;
            height: auto;
            top: 50px; /* Adjust top padding */
            right: 50px; /* Adjust right padding */
            position: absolute;
        }

        .settings-icon:hover,
        .info-icon:hover {
            transform: scale(1.1);
            cursor: pointer;
        }

        .title-container {
            padding: 40px;
            display: inline-block;
            text-align: center; /* Center align text */
        }

        .title {
            padding: 25px 65px;
            font-size: 60px;
            outline: none;
            color: #000;
            background-color: rgba(32, 222, 40, 1);
            border: 8px solid #000;
            box-shadow: 16px 16px #000000;
            pointer-events: none;
            display: inline-block; /* Ensure the div doesn't take full width */
            border-radius: 2px;
        }

        .title img {
            margin-right: -10px; /* Adjust the negative margin to reduce spacing between letters */
        }

        .button-container {
            position: absolute;    /* Allow for absolute positioning of the button */
            left: 550px;
        }


        .button {
            padding: 15px 25px;
            font-size: 24px;
            text-align: center;
            cursor: pointer;
            outline: none;
            color: #fff;
            background-color: rgba(30, 255, 228, 1);
            border: 6px solid #000;
            border-radius: 2px;
            position: relative;    /* Allow movement relative to this element */
            transition: transform 0.1s; /* Smooth transition for the movement */
        }

        .button-container::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            box-shadow: 14px 14px #000000;
            border-radius: 2px; /* Match the button's border-radius */
            pointer-events: none; /* Allow clicks to pass through to the button */
        }

        .button:hover {
            background-color: rgb(24, 214, 192);
        }

        .button:active {
            background-color: rgb(24, 214, 192);
            transform: translate(10px, 10px); /* Move the button diagonally right and down */
        }
        img#turtle {
            left: 470px;
            position: absolute;
            top: 70px;
            height: 80px;
            width: auto;
            z-index: 1;
        }
        img#rabbit {
            left: 920px;
            position: absolute;
            top: -5px;
            height: 160px;
            width: auto;
            z-index: 1;
        }