body {
 background-color: #f0f0f0;
 color: #222;
 background-image: url(https://plus.unsplash.com/premium_photo-1701167435570-8c3239951f74?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8YmFja2dyb3VuZCUyMHRleHR1cmV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000);
 background-size: cover;
}

h1 {
  background-color: rgba(0, 0, 128, 0.6);
  color: #ffffff;
  text-align: center;
}

h2 {
  background-color: #ffffff;
  background: linear-gradient(to right, #0077ff, #00c3ff);
  
  color: #000000;
  text-align: center;
}

.container {
  display: grid;
  justify-content: center;
}

.p1 {
  background-color: darkslateblue;
  border-radius: 10px;
  
  color: #ffffff;
}

.p2 {
  background-color: purple;
  border-radius: 10px;
  
  color: #ffffff;
}

.p3 {
  background-color: rgba(221, 42, 124, 0.6);
  border-radius: 10px;
  
  color: #ffffff;
}

.p4 {
  background-color: #FDD978;
  border-radius: 10px;
}

footer {
  background-color: #333;
  
  color: #ffffff;
  text-align: center;
  padding: 20px;
}