table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

table, tr, td {
  border: 1px solid #000000;
  width: 25%;
  text-align: center;
}

table, tr, th {
  border: 1px solid #000000;
  width: 25%;
}
.diag {
  background-color: burlywood;
}

img {
  margin: 20px;
}

h1 {margin-top: 3px;
             margin-bottom: 3px}

h2 {margin-top: 3px;
  margin-bottom: 3px}

h3 {margin-top: 3px;
  margin-bottom: 3px}

h6 {margin-top: 3px;
  margin-bottom: 3px}

ul {margin-top: 3px;
  margin-bottom: 3px}

.btn {
  border: none;
  color: white;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
}

.btnStart {
  background-color: #1e90ff;
}

.btnTry {
  background-color: #3eb0df;
}


.btnRun {
  background-color: #008f39;
}

.btnGet {
  background-color: #e49839;
}


.btnHome {
  background-color: DodgerBlue;
}


div.news {
  display: inline-block;
  border-color: #4db200;
  border-style: solid;
}

.important {
  border-style:solid;
  border-color: goldenrod;
  border-width: thin;
  background-color: blanchedalmond;
}

.error {
  border-style:solid;
  border-color: #cc3300;
  border-width: medium;
}

.container {
  width: 500px;
  clear: both;
}

.container input {
  width: 100%;
  clear: both;
}

.container button {
  width: 50%;
  clear: both;
}


.cos10 { 
  background-color: #ff0000;
}
.cos9 { 
  background-color: #e61900;
}
.cos8 { 
  background-color: #cc3300;
}
.cos7 { 
  background-color: #b34c00;
}
.cos6 { 
  background-color: #996600;
}
.cos5 { 
  background-color: #807f00;
}
.cos4 { 
  background-color: #669900;
}
.cos3 { 
  background-color: #4db200;
}
.cos2 { 
  background-color: #33cc00;
}
.cos1 { 
  background-color: #1ae500;
}
.cos0 { 
  background-color: #00ff00;
}
.cos { 
  background-color: #ffff00;
}