body {
  background-color: white;
  background-image: url(dithered-image.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
  
h1 {
  position:absolute;
  top: 20px;
  left: 650px;
  font-size: 30px;
  text-align: center;
  letter-spacing: 5px;
  word-spacing: 20px;
  
  
  border-style: solid;
  border-width: 10px;
  border-color: black;
  margin: 20px;
  padding: 30px;
  background-color: white;
}

h1:first-letter {
  color: pink;
  font-size:50px;
}

.intro {
  position: absolute;
  top: 200px;
  left: 1200px;
  letter-spacing: 3px;
  word-spacing: 10px;
  
  border-style: solid;
  border-radius: 5px;
  border-width: 10px;
  border-color: black;
  width: 300px;
  margin-bottom:20px;
  background-color: white;
  
  transition: border-color 0.3s;
  
}

.intro:hover {
  border-color: orange;
}
  

.favoriteslist {
position: absolute;
top: 350px;
left: 1050px;
    letter-spacing: 3px;
  word-spacing: 10px;
  text-align: center;
  
  border-style: solid;
  border-radius: 10px;
  border-width: 10px;
  border-color: black;
  padding: 30px;
  width: 400px;
  background-color: white;
  transition: border-color 0.3s
}

.favoriteslist:hover {
  border-color: orange;
}

.aboutme {
  position: absolute;
  top: 650px;
  left: 1150px;
  letter-spacing: 3px;
  word-spacing: 10px;
  text-align: center;
  
 border-style: solid;
 border-width: 10px;
 border-color: black;
 margin-top: 20px;
 padding: 30px;
 width: 300px;
 background-color: white;
 
 transition: border-color 0.3s
}

.aboutme:hover {
  border-color: orange;
}