body {
  background-color: #7bb7fb;
    margin: 40px auto;
    max-width: 650px;
    line-height: 1.4;
    font-family: "Comic Relief", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #eeeeee;
    padding: 0 10px
  }

  .help {
    cursor: help;
  }

  .courier-prime-regular {
    font-family: "Comic Relief", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  .courier-prime-regular-blue {
    font-family: "Comic Relief", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #417aff;
    font-size: 90px;
    margin-top: 250px;
  }

  .courier-prime-bold {
    font-family: "Comic Relief", sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  .courier-prime-regular-italic {
    font-family: "Comic Relief", sans-serif;
    font-weight: 400;
    font-style: italic;
  }

  .courier-prime-bold-italic {
    font-family: "Comic Relief", sans-serif;
    font-weight: 700;
    font-style: italic;
  }

  a {
    text-decoration: none;
    transition: 500ms;
  }

  a:visited {
    color: #417aff;
  }

  .gorp:hover {
    text-decoration: underline;
    text-decoration-thickness: 7px;
    transition: transform 0.3s ease;
  }

  .glip {
    text-shadow: 1px 1px 2px #417aff;
;
  }

  section {
    margin-left: 32px;
    margin-right: 32px;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .blueBack {
    background-color: rgb(65 122 255 / 0.5);
    color: white;
    padding: 32px;
  }

  h1,
  h2,
  h3 {
    line-height: 1.2
  }
  
  .responsive {
    width: 100%;
    height: auto;
  }

  @keyframes animatedBackground {
        0% { transform: translate3d(0,0,0); }
  100% { transform: translate3d(-200%,0,0); }
  /*
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
  */
}
#animate-area {
  position: fixed; /* Fixes the div in relation to the viewport */
  top: 90px; /* Positions the div at the top edge of the viewport */
  left: 1200px; /* Positions the div at the left edge of the viewport */
  width: 100vw; /* Sets the width to 100% of the viewport width */
  height: 100vh; /* Sets the height to 100% of the viewport height */
  z-index: -1; /* Places the div behind other content */
  /* Add your desired background styles here, for example: */
  background-color: #7bb7fb; /* A solid background color */
  /* background-image: url('path/to/your/image.jpg'); */ /* An image background */
  /* background-size: cover; */ /* Ensures the image covers the entire div */
  /* background-repeat: no-repeat; */ /* Prevents image repetition */
  /* background-position: center; */ /* Centers the background image */
  background-image: url(/cloud.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  animation: animatedBackground 600s linear infinite normal;
}