body {
    text-decoration-color:#ffffff;;
    text-align: center;
    padding: 100px;
    font-family: 'CustomFont', sans-serif;
    text-align: center;
    padding: 100px;
    background-image: url('background1.gif');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    height: 78vh; 
    margin: 0;
}

@font-face {
  font-family: 'CustomFont';
  src: url('comicsans_bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

h1 {
    color: #ffffff;
    text-align: center;
}

.scroll-container {
  width: 100%;
  overflow: hidden;
  background: #f0f0f000;
}

.scroll-track {
  display: inline-flex;
  animation: scroll-left 12s linear infinite;
}

.scroll-track h1 {
  margin: 0 2rem;
  font-size: 2rem;
}

@keyframes scroll-left {
  0% {
    transform: translateX(120%);
  }
  100% {

    transform: translateX(-120%);
  }
}

input[type="text"],
textarea {
  width: 300px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
  box-sizing: border-box;
}

textarea {
  resize: vertical;
}   

p {
    color: #fce8e8;
}