@import url(https://fonts.googleapis.com/css?family=Comfortaa);

/********************************************************************/
/** Our main colors and fonts **/

:root {
  --mainfont: "Comfortaa";
  --rowColorOdd: #dddddd;
  --rowColorEven: white;
  --highlightColor: #fcffd3;
}

/********************************************************************/
/** Font **/

html, body {
    font-family: var(--mainfont);
}

/********************************************************************/
/** Table style **/

table {
  font-size: 1em;

  border: 1px solid black;
  border-collapse: collapse;
}

td, th {
  border: 1px solid black;
}

th {
  text-align: center;

  padding: 10px;
}

td {
  text-align: left;

  padding: 0;
}

tr:nth-child(even) {
  background-color: var(--rowColorEven);
}

tr:nth-child(odd) {
  background-color: var(--rowColorOdd);
}

table input {
  font-size: 1em;

  padding: 10px 5px;

  border-color: transparent;
  border-width: 0;

  background-color: transparent;
}

textarea:focus, input:focus{
  outline: 3px solid black;
  background-color: var(--highlightColor);
}