h1 { 
  text-align: center;
  display: block;
  color: #9c0058;
  text-shadow: 2px 2px black;
}

h2 {
  text-align: center;
  display: block;
  color: white;
}

a {
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}

a:hover {
  color: #ffc9e8;
  padding: 10px;
  text-align: center;
  text-decoration: underline;
  
}

body {
  background-color: #ff8ccd;
  background-image: linear-gradient(#ff8ccd,white);
  background-size: cover;
  background-attachment:scroll;
  background-position: center;
  font-family: 'Comic Sans MS';
  text-align: center;
}

p {
 color: white;
}



#header {
  grid-area: white;
  background-image: url('https://i.pinimg.com/originals/47/4a/03/474a03ab8c0e3ecac643202d12f08655.gif');
  background-size: cover;
  border: 2px, dashed, white;
  padding: 20px;
  font-family: "Comic Sans MS";
  height: auto;
  width: 80%;
  margin: auto;
  filter: drop-shadow(2px 2px 10px black);
}

#links {
  grid-area: white;
  background-color: #ff0090;
  background-size: cover;
  border: 2px, solid, #ff0090;
  padding: 20px;
  font-family: "Comic Sans MS";
  color: #5c0034;
  height: auto;
  width: 80%;
  margin: auto;
  filter: drop-shadow(2px 2px 10px black);
}

#main {
  grid-area: white;
  background-color: #5c0034;
  background-image: linear-gradient(#5c0034,#7a0045);
  background-size: cover;
  border: 2px, dashed, #ff0090;
  padding: 20px;
  height: auto;
  width: 80%;
  margin: auto;
  color: white;
  filter: drop-shadow(2px 2px 10px black);
}

#footer {
  grid-area: white;
  background-image: url('https://i.pinimg.com/originals/47/4a/03/474a03ab8c0e3ecac643202d12f08655.gif');
  background-size: cover;
  border: 2px, dashed, white;
  padding: 20px;
  color: #9c0058;
  font-family: 'Comic Sans MS';
  height: auto;
  width: 80%;
  margin: auto;
  align-items: center;
  filter: drop-shadow(2px 2px 10px black);