/* body {
	background-image: url("images/sky.png");
	text-align:center;
} */
body {
	background-image: url(https://arc23to24.charlienot.me/clouds-l3.png), url(https://arc23to24.charlienot.me/clouds-l3.png), url(https://arc23to24.charlienot.me/clouds-l3.png), url(https://arc23to24.charlienot.me/clouds-bg-l1.png);
	background-repeat: repeat, repeat, repeat, repeat;
	animation: animatedClouds 180s linear infinite;
	background-size: auto, auto, auto, cover;
}
@keyframes animatedClouds {
	from { background-position: 600px 800px, 300px 0, 0 0, 0 0; }
	to { background-position: 1880px 800px, 300px -1280px, -2560px -3840px, 0 0; }
}

p, div { font-family: sans-serif;
	 font-size: 23px;
         font-weight: bold;
		 margin: 2px;
}
.rainbow { font-weight: bold; }
p1 {
	font-family: sans-serif;
	font-size: 35px;
	text-align: center;
        font-style: italic;

}

.title {
    display: flex;
      justify-content: center; /* Centers horizontally */
	margin-top:0px;
    }

.title img {
  animation: bounce 2s infinite ease-in-out;
  height: 100px;
  position: relative;
  top: -16px;
}

@media (max-width: 1024px) {
  .title img {
    height: auto;
    width: 803px; /* smaller */
    top: -10px;   /* adjust positioning */
  }
}
@media (max-width: 500px) {
  .title img {
    height: auto;
    width: 470px;
    top: -8px;
  }
}

    @keyframes bounce {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-15px); /* how high it bounces */
      }
    }
.container {
  display: flex;
  justify-content: center;
}
.box-container {
  position: relative;
  width: 800px; /* fixed width */
}

/* The guy image sits on top of the box */
.guy {
  position: absolute;
  top: -289px; /* adjust depending on image height */
  left: 50%;
  transform: translateX(-50%);
  width: 500px;
}

/* The box itself */
.golden-box {
  width: 100%;
  background: white;
  border: 2px solid;
  border-image: url("images/GOLDROCK.JPG") 29;
  min-height: 300px; /* adjust height */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  padding: 20px;
  padding-top: 48px;
  text-align: center;
}