body {
  margin: 0;
  padding: 0;

  background: #fcfcf8;
  color: #113355;
}

p {
  font-size: 24px;
  font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
}

.signup input,
.signup button {
  font-size: 18px;
}

.spectrum {
  position: absolute;
  top: 0;

  height: 12px;
  width: 100%;

  background-color: #ddd;
  background-image: linear-gradient(to right
    , #000000
    , #35005e
    , #5000a2
    , #4a00d3
    , #2802e9
    , #0e3af8
    , #018de6
    , #00cea0
    , #00d24a
    , #00bc0d
    , #00b700
    , #00bc0d
    , #65d200
    , #bad600
    , #f9b700
    , #ff7a00
    , #ff4400
    , #ff2501
    , #d00e00
    , #7b0200
    , #000000
  );
}

/* rideau */

.spectrum-curtain {
  animation: pulsing 1s;
  -webkit-animation: pulsing 1s;
  -moz-animation: pulsing 1s;
}

@keyframes pulsing {
  from {
    height: 99%;
  }
  to {
    height: 12px;
  }
}

@-webkit-keyframes pulsing {
  from {
    height: 99%;
  }
  to {
    height: 12px;
  }
}

@-moz-keyframes pulsing {
  from {
    height: 99%;
  }
  to {
    height: 12px;
  }
}


.header {
  margin-top: 12px;
  height: 24px;
  width: 100%;
}

.language {
  text-align: right;
  padding: 4px 12px;
}
.language select {
  font-size: 12px;
  font-family: "Helvetica Neueue", Helvetica, sans-serif;
}

.content {
  padding: 12px 24px;

  max-width: 960px;
  margin: auto;
}

.signup {
  margin: 0 48px;
  padding: 24px 48px;

  background-color: #ddd;
  border-radius: 12px;

  background-image:
    linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(255,255,255,0.5)),
    linear-gradient(to right
      , #000000
      , #35005e
      , #5000a2
      , #4a00d3
      , #2802e9
      , #0e3af8
      , #018de6
      , #00cea0
      , #00d24a
      , #00bc0d
      , #00b700
      , #00bc0d
      , #65d200
      , #bad600
      , #f9b700
      , #ff7a00
      , #ff4400
      , #ff2501
      , #d00e00
      , #7b0200
      , #000000
    );
}


.entertain {
  float: right;
  margin-top: 24px;
  margin-left: 24px;
  width: 320px;
  height: 320px;

  position: relative;
}

.entertain .slot {
  position: absolute; top: 0; left: 0;
  display: none;

  width: 320px;
  height: 320px;
}

.entertain .slot:first-child {
  display: block;
}

.entertain .caption {
  font-size: 14px;
}


.footer {
  position: fixed;
  bottom: 0;
  z-index: -1;

  width: 100%;
  padding: 6px 0;
  text-align: center;

  font-size: 15px;
}