body {
  background-image: url("clouds.jpg");
  color: black;
  font-family: Verdana;
  padding: 10px 20px 20px 20px;
  margin: 10px 20px 20px 20px;
}

h1 {
  background: linear-gradient(to bottom, rgba(31, 39, 51, 0.6), rgba(31, 39, 51, 0.9));
  color: rgb(197, 201, 209);
  border-radius: 10px 10px 2px 2px;
  
  margin: 10px 10px 0px 10px;
  padding: 10px 10px 10px 10px;
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  animation-name: h1a;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

.container {
  background: linear-gradient(to bottom, rgba(31, 39, 51, 0.9), rgba(31, 39, 51, 1));
  border-radius: 2px 2px 10px 10px;
  margin: 5px 10px 10px 10px;
  padding: 15px;
}

.gallery {
  columns: 3;
  column-gap: 15px;
}

.gallery img {
  max-width: 100%;
  display: block;
  margin-bottom: 15px;
  break-inside: avoid;
}

.temp p {
    background: linear-gradient(to bottom, rgba(31, 39, 51, 0.9), rgba(31, 39, 51, 1));
    color: rgb(197, 201, 209);
    border-radius: 10px;
  
    font-family: serif;
  
    margin: 10px 10px 0px 10px;
    padding: 10px 10px 10px 10px;
}

.back {
    display: flex;
    justify-content: center;
    align-items: center;
}

.back div {
    background: linear-gradient(to bottom, rgba(31, 39, 51, 0.9), rgba(31, 39, 51, 1));
    color: rgb(197, 201, 209);
    border-radius: 10px;
  
    font-family: serif;
  
    margin: 10px 10px 0px 10px;
    padding: 10px 10px 10px 10px;
}