body{
  background-color: rgb 135,206,235;
  color: #222;
  background-image: url("xadre1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0;
  padding: 0;
}

h1{
  background-color: rgba(70, 130, 180, 0.6);
  color: white;
  text-align: center;
  padding:20px;
  background-repeat: no-repeat;
  background-origin: padding-box;
  text-shadow: 10px 10px 10px #1E90FF
}

h2{
  background: linear-gradient(to right, #ADD8E6 35%, #00BFFF 45%);
  color: #fff;
  text-align: center;
  padding: 20px;
}

p{
  text-align: center;
  color: #333;
  padding: 20px;
  width:40%;
  margin: 10px auto;
  border-radius: 10px;
  background-color: rgba(176, 196, 222, 0.6);
  align-items: center;
  background-clip: border-box;
}

div{
  background-image: url("coracao.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: black;
  padding: 20px;
  width:40%;
  margin: 10px auto;
  border-radius: 20px;
  text-align: center;
  flex-direction: column;
}

footer{
  background-color: #4682B4;
  color: white;
  padding: 20px;
  text-align: center;
}