css
/* styles.css */

body {
  font-family: "Arial Black", monospace;
  background-image: linear-gradient(to bottom, #F7DC6F, #C9D8B8);
  background-size: 100px 100px;
  background-position: 50px 50px;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

h1 {
  color: #FF00FF;
  border: 4px solid #FF0000;
  border-radius: 10px;
  text-shadow: 0 0 10px #000000;
  font-weight: bold;
  font-size: 24pt;
  margin-bottom: 10px;
}

h2 {
  color: #00FF00;
  border: 4px solid #000000;
  border-radius: 10px;
  text-shadow: 0 0 10px #000000;
  font-weight: bold;
  font-size: 20pt;
  margin-bottom: 10px;
}

h3 {
  color: #FF00FF;
  border: 4px solid #FF0000;
  border-radius: 10px;
  text-shadow: 0 0 10px #000000;
  font-weight: bold;
  font-size: 18pt;
  margin-bottom: 10px;
}

body p {
  color: #000000;
  border: 4px solid #FFFFFF;
  border-radius: 10px;
  text-shadow: 0 0 10px #000000;
  font-weight: bold;
  font-size: 14pt;
}

code {
  background-color: #FFFFFF;
  color: #000000;
  border: 2px solid #000000;
  padding: 5px 10px 5px 5px;
  border-radius: 10px;
  font-family: "Courier New", monospace;
  font-size: 12pt;
  white-space: pre;
}

a {
  color: #000000;
  text-decoration: none;
  text-shadow: 0 0 10px #000000;
  border: 4px solid #000000;
  border-radius: 10px;
  font-weight: bold;
  font-size: 14pt;
  background-color: #FFFFFF;
  background-image: linear-gradient(to bottom, #C8D3F7, #A1C3FF);
  background-position: 50% 50%;
  background-size: 100px 100px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  cursor: pointer;
  transition: background-position 0.5s ease-in-out;
}

a:hover {
  background-color: #FFC0C0C;
  background-position: 50% 50%;
  background-size: 100px 100px;
  background-image: linear-gradient(to bottom, #FFC080, #FFA07A);
  transition: background-position 0.5s ease-in-out;
}