html {
  font-family: sans-serif;
  text-align: center;
  color: black;
  background-color: white;
}

#wrapper {
  width: 80%;
  margin: auto;
}

h1 {
  padding: 0;
  padding-top: 5px;
  margin: 0;
  font-style: italic;
}


/* Language independant header */
#head .flag_left {
  width: 25%;
  min-height: 3em;
  float: left;
}
#head .flag_mid {
  width: 100%;
  min-height: 3em;
}
#head .flag_right {
  width: 25%;
  min-height: 3em;
  float: right;
}


/* Language dependant header */
#italian .flag_left {
  color: black;
  background-color: rgb(0,146, 70);
}
#italian .flag_right {
  color: black;
  background-color: rgb(206, 43, 55);
}
#italian .flag_mid {
  color: black;
  background-color: white;
}

#spanish .flag_left, #spanish .flag_right {
  color: white;
  background-color: #c60b1e;
  min-height: 3em;
}
#spanish .flag_mid {
  color: black;
  background-color: #ffc400;
  min-height: 3em;
}


#text {
  color: black;
  background-color: white;
  padding-top: 1em;
}

#footer {
  color: black;
  background-color: white;
  border-top: 1px solid black;
  font-style: italic;
  font-size: 80%;
}

#settings {
  float: right;
  width: 15%;
  text-align: left;
}
#min, #max {
  text-align: right;
}
#apply {
  display: block;
  float: right;
}

#challenge {
  padding-left: 20%;
  padding-right: 20%;
}

.number {
  border: none;
  font-family: serif;
  font-size: 300%;
  text-align: center;
}

#proposal_box {
  padding-top: 1em;
  padding-bottom: 1em;
}
#proposal {
  font-size: 120%;
  text-align: center;
}
#navigation {
  padding: 0;
  font-size: 80%;
  color: blue;
  background-color: white;
}
#navigation a {
  text-decoration: none;
}
#navigation a:hover {
  text-decoration: underline;
}

#selection ul {
  width: 40%;
  margin: auto;
  font-size: 200%;
  text-align: left;
}
#selection li {
  list-style-type: none;
  margin: 1ex;
}
#selection a {
  text-decoration: none;
  color: black;
  display: block;
  padding: 1ex;
}
#selection img {
  vertical-align: middle;
  padding-right: 2ex;
}

#acknowledgement a {
  display: inline;
}

.empty {
  border: none;
  border-bottom: 1px solid black;
}
.wrong {
  border: none;
  border-bottom: 1px solid black;
  border-left: 1ex solid red;
  border-right: 1ex solid red;
}
.correct {
  border: none;
  border-bottom: 1px solid black;
  border-left: 1ex solid green;
  border-right: 1ex solid green;
}

noscript {
  margin: 1em;
  color: red;
  background-color: white;
}

.hidden {
  display: none;
}