<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#main {
  display: flex;
  flex-flow: row wrap;
}
#skjema {
  width:39em;
  margin: auto;
}
#diagram {
  width: 300px;
  height: 300px;
  margin: auto;
}
#forbruk {
  width: 100%;
  border-collapse: collapse;
}
#forbruk input {
  margin: 2px;
  font-size: 0.9em;
}
input:invalid {
  border: 1px solid red;
}
input:valid {
  border: 1px solid green;
}
/* denne plasserer en rød x etter input med feil */
input:invalid+span:before {
  content: "x";
  display: inline;
  position: relative;
  left: 3px;
  top: 0px;
  color: red;
}
/* fargelegg annenhver linje */
#forbruk tbody &gt; tr:nth-child(2n+1) {
  background: #edf;  
}
/* tallkolonner sentrert */
#forbruk tbody td:nth-child(n+2) {
  text-align: center;
}
#summering {
  width: 100%;
  height: 2em;
}</pre></body></html>