@font-face {
    font-family: 'TeXGyreHerosCondensed';
    src: url('TeXGyreHerosCondensed-Regular.woff2') format('woff2'),
        url('TeXGyreHerosCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


a:link,
a:visited,
a:active {
    color: #7B3F00;  /* Set all link states to black */
    text-decoration: none;  /* Remove underline */
    }

a:hover {
            cursor: url('dot.svg'), auto; /* Replace with your image path */
        }

body {
            font-family: 'TeXGyreHerosCondensed';
            margin: 15px;
            background-color: yellow;
            font-size: 24px;
            letter-spacing: 0.75px;
            color: #7B3F00;
            text-align: left;
            line-height: 1.1;
            position: relative; /* Enables positioning of the image */
            overflow: scroll; /* Prevents overflow if the image is placed near the edges */

        }
        .jump {
            display: inline-block;
            animation: jump 0.3s infinite alternate;
        }
        @keyframes jump {
            from { transform: translateY(0); }
            to { transform: translateY(-10px); }
     
        }

    
        .button {
  background-color: pink; /* Green */
  text-align: center;
  font-size: 20px;
}

        .random-image {
            position: absolute;
            width: 80px;
            height: auto;
            transition: opacity 0.5s;
        }
        @media (max-width: 600px) {
            body {
                margin: 10px;
            }
        }