@keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0px; }
}
@-moz-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0px; }
}
@-webkit-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0px; }
}
@-ms-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0px; }
}
@-o-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0px; }
}

html {
    width: 100%;
    height: 100%;
    background-image: url("background.gif");
      background-repeat: repeat; font-family: "georgia", serif; color:#664d80;
    background-position: 0px 0px;

    animation: animatedBackground 10s linear infinite;
    -moz-animation: animatedBackground 10s linear infinite;
    -webkit-animation: animatedBackground 10s linear infinite;
    -ms-animation: animatedBackground 10s linear infinite;
    -o-animation: animatedBackground 10s linear infinite;
}

.wrapper {
    display: flex;
}

#h1-title {
  color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  text-align:center;
  font-size: 60px;
}


#h1-title img {
  max-width: 80px;
  max-height: 80px;
}

a {
    cursor: pointer;
  color: #8e8ac0;
  text-decoration: none;
}
a:visited {
  color: #8e8ac0;
  text-decoration: none;
}

a:hover, button:hover {
    cursor: pointer;
}

.fgrid {
  margin-left: auto; margin-right: auto;
  width: 80%;
  background-color: #ffffff;
  padding: 20px;
  border: 6px double #888888;
  margin-bottom: 7px;
}



form > button {
      border: 6px double #888888;
      background-color: white;
      font-size: 20px;
      color: #664d80;
}

form > button:hover{
    background-color: #eeeeee;
    cursor: pointer;
}

form > input {
  border: 6px double #888888;
  background-color: white;
  color: #664d80;
  margin: 8px 0;
  box-sizing: border-box;
}

form > input[type="text"] {
  font-size: 20px;
  width: 50%;
}

form > input[type=submit] {
  padding: 7px 20px;
  font-size: 18px;
}

form > label {
    font-size: 20px;
}

form > textarea {
  resize: none;
  font-size: 20px;
  border: 6px double #888888;
  outline: 0px solid;
  color: #664d80;
  width: 90%;
}

table, td, th {
    border: 6px double #888888;
    text-align: center;
    border-collapse: collapse;
}

table {
    width: 100%;
}

progress {
  background-color: #f000;
  border: 6px double #888;
  -webkit-appearance: none;
  height: 10px;
}

progress::-webkit-progress-bar {
  background-color: #664d80;
}
progress::-webkit-progress-value {
  background-color: #664d80;
}

progress::-moz-progress-bar {
  background-color: #664d80;
}

.rainbow {
background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
-webkit-background-clip: text;
color: transparent;luk
}