body {
  background-color: #8084b9;
  color: white;
  font-family: Arial, sans-serif;
  text-align: center;
}

h1 {
  color: rgb(196, 200, 255);
  font-family: 'comic sans ms', cursive;
  font-size: 48px;
}

p {
  font-size: 20px;
}

.img01 {
  width: 600px;
  float: left; 
  max-width: 100%;
}

.img02 {
  width: 450px;
  float: right; 
  max-width: 100%;
}

.img03 {
  width: 390px;
  float: left;
  max-width: 100%;
}

.img04 {
  width: 400px;
  float: right; 
  max-width: 100%;
}


body {
  margin: 0;
}

.bar {
  background-color: rgb(81, 81, 141);
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bar h1 {
  color: rgb(210, 202, 226);
  font-size: 50px;
  margin: 0;
}

.bar a {
  color: rgb(99, 73, 151);
  text-decoration: none;
  font-size: 20px;
  margin-left: 20px;
} 

p {
  font-size: 50px;
  line-height: 1.5;
  text-align: center;
  font-family: 'comic sans ms', cursive;
  max-width: 800px;
}