css
/* style.css */

body {
  font-family: 'Arial', sans-serif;
  background-color: #f7d8d8;
  color: #000;
  margin: 0;
  padding: 0;
  border:_goals;
}

h1 {
  font-weight: bold;
  color: #ff00ff;
  text-shadow: 0 0 10px #666;
 ประก
  border-bottom: 2px solid #666;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

a {
  text-decoration: none;
  color: #000;
  background-color: #000;
  border: 1px solid #000;
}

a:hover {
  border-bottom: 2px solid #000;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  transition: background-color 0.2s ease-out 0s;
  opacity: 1;
  border: 2px solid #000;
}

h2 {
  font-weight: bold;
  color: #ff00ff;
  text-shadow: 0 0 10px #666;
  border-bottom: 2px solid #666;
  padding-bottom: 5px;
  margin-bottom: 20px;
  opacity: 0.8;
  background: linear-gradient(45deg, #ff00ff, #ff00ff);
}

h3 {
  font-weight: bold;
  color: #00ff00;
  text-shadow: 0 0 10px #666;
  border-bottom: 2px solid #666;
  padding-bottom: 5px;
  margin-bottom: 20px;
  background: -webkit-linear-gradient(left, #00ff00, #00ff00);
  background: linear-gradient(to right, #00ff00, #00ff00);
}

h4 {
 ประก
  font-weight: bold;
  color: #00ff00;
  text-shadow: 0 0 10px #666;
  border-bottom: 2px solid #666;
  padding-bottom: 5px;
  margin-bottom: 20px;
  background: linear-gradient(45deg, #00ff00, #00ff00);
}