a:link {
  color: hotpink;
  transition: color 0.2s ease;
  text-decoration: none; /* Removes the default underline */
}


a:visited {
  color: purple;
  text-decoration: none;
  transition: color 0.2s ease;
}


a:hover {
  color: pink;
  transition: color 0.2s ease;
  text-decoration: underline; /* Adds underline on hover */
}


a:active {
  color: yellow;
  transition: color 0.2s ease;
  text-decoration: underline;
}

          #hh {
              font-family: Sans-Serif;
              display: inline-block;
              transform: scaleX(2.8);
              transform-origin: left center;
              color: hotpink;
              position: absolute;
              top: 600px;
              font-size: 17px;
          }
          
          #cats {
            width: 600px;
            float: left;
            position: relative;
          }
          #cover {
            width: 650px;
            float: right;
            position: relative;
          }
          #pa {
            font-family: Sans-Serif;
            color: hotpink;
            font-weight: 700;
            position: relative;
            text-align: center;
            }
          #titlez {
            color: hotpink;
            font-family: Helvetica;
            font-weight: 700;
            align-items: center;
            display: flex;
            justify-content: center;
            transform: scaleX(2.8);
            transform-origin: center;
            
          }
          #gif {
            width: 1300px;
            align-items: center;
            display: flex;
            justify-content: center;
          }
          #headline1 {
            margin-top: 100px;
            color: hotpink;
            font-family: Helvetica;
            text-align: center;
            position: relative;
            font-size: 30px;
            text-shadow: 4px 4px 4px;
            transform: rotate(-5deg);
          }
          #shoutout {
            text-align: center;
            font-family: Helvetica;
            color: hotpink;
            text-align: center;
            position: relative;
            font-size: 10px;
          }
          #route {
            transform: rotate(30deg);
            transform-origin: top left;
            position: sticky;
            top: 200;
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease, height 0.3s ease;
            float: left;
            height: 500px
          }
          #route:hover {
            opacity: 0.8;
            height: 550px;
            transform: rotate(25deg);
          }
          #talk {
            text-align: center;
            font-family: Helvetica;
            color: #AEC6CF;
            font-weight: 700;
            margin-right: 40px;
            text-shadow: 1px 1px 2px gray;
          }
          #paper {
            font-family: Verdana;
            color: hotpink;
            background-image: url("https://www.textures.com/system/gallery/photos/Paper/Crumpled/38226/PaperCrumpled0004_1_350.jpg");
            height: 2000px;
            position: absolute;
            top: 550px;
            left: 0px;
            width: 440px;
            border: white 3px solid;
            border-radius: 20px;
            padding-top: 750px;
            font-size: 25px;
            font-weight: 700;
            padding-left: 60px;
          }
          #paper:before, #paper:after {
            content: '';
            position: absolute;
            height: 2px;
            width: 100%;
            left: 0;
            -webkit-clip-path: polygon(1% 0%, 4% 100%, 20% 0%, 34% 100%, 8% 4%, 46% 100%, 97% 5%, 32% 100%, 36% 2%, 43% 100%, 50% 1%, 52% 100%, 61% 0%, 69% 94%, 70% 0%, 76% 100%, 81% 0%, 84% 100%, 91% 0%, 97% 100%, 99% 3%);
}

          #paper:before {
            background-color: white;
            top: 0;
}

          #paper:after {
            background: url("https://www.textures.com/system/gallery/photos/Paper/Crumpled/38226/PaperCrumpled0004_1_350.jpg") 0;
            bottom: -2px;
}
          #chat {
            display: flex;
            text-align: center;
            align-items: center;
            box-shadow: 3px 3px 3px black;
            background-image: url("https://www.textures.com/system/gallery/photos/Paper/Crumpled/38226/PaperCrumpled0004_1_350.jpg");
            border-radius: 15px;
            width: 550px;
            height: 585px;
            font-family: helvetica;
            color: hotpink;
            justify-content: center;
            position: absolute;
            
            
          }