body {
  font-family: "Roboto", Arial;
  background-color: white;
  color: black;
  font-size: 1.5em;
  margin: 0;
  padding: 0;
}

.mainContainer {
  margin: 2em 10%;
}

p {
  width: 80%;
  margin: 10px auto;
}

input[type=text] {
  height: 35px;
  padding: 2px 5px;
  font-size: 0.9em;
  border: 1px solid #e1e1e1;
  outline: none;
}

input[type=submit] {
  font-size: 0.7em;
  color: white;
  padding: 0 2rem;
  background-color: #009EE0;
  border: 1px solid #009EE0;
  outline: none;
}

a {
   color: #009EE0;
   text-decoration: none;
}

a:visited {
   color: #009EE0;
}


.result {
  max-width: 800px; 
  padding: 0px 0px;  
  margin: 4rem 0px 1rem 0px;
}

header {
  width: 100%;
  font-size: 1.2em;
  padding: 3rem 0 0rem 2rem;
  cursor:pointer;
}

header.main {
  padding: 0 0 0rem 0rem;
  cursor:default;
}

group {
  display:block;
}


section {
  font-size: 0.75em;
  display:block;
  width: 100%;
  margin: 2rem 1.5rem 0rem 0rem;  
}

section span {
  display: inline-block;
  font-weight: bold;
  width: 2rem;
}

section span.red {
  color: #993322;
}

section span.green {
  color: #339922;
}

.result description {
  display:block;
  width: 100%;
  font-size: 0.5em;
  margin: 0.5rem 1.5rem 0rem 2rem;  
} 

.result info {
  display:block;
  font-size: 0.6em;
  width: 100%;
  margin: 0.5rem 1.5rem 0rem 2rem;  
}

section.links {
  font-weight: normal;
  margin-left: 2rem;
}

.result data {
  display:inline-block;
  //width: 100%;
  font-size: 0.6em;
  padding: 0.4rem 0.6rem;
  margin: 0.5rem 1.5rem 0rem 1.4rem;  
  font-style: oblique;
  background-color: #ececec;
}

.result data.red {
  background-color: #ffe5e5;
}

span.gray {
  font-size: 0.6em;
  color: #acacac;
}

span.delimiter {
  padding: 0;
  margin: 0;
  display: inline;
  font-size: 1em;
  font-weight: normal;
  color: #acacac;
}