body {font-family: Verdana, Arial, Helvetica, sans-serif;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 12px;
      background-color: rgb(240,242,241);
      width: 80%;
      font-size: medium;
      text-align: justify}

h1 {text-align: center}

table.valikko {background-color: rgb(167,202,230); border-spacing: 10px; margin: 0px}

td.valikko {background-color: rgb(167,202,230); padding: 0px  8px 0px 8px}

a {text-decoration: none}

a.text:link {color: blue; font-weight: bold}

a.text:visited {color: blue}

a.text:hover {color: rgb(214, 33, 9)}

a.name:link {color: blue}

a.name:visited {color: blue}

a.name:hover {color: rgb(214, 33, 9)}


LI {list-style: none}
th, td {
 
padding-bottom: 0.5em;
}

i:hover {
      color: rgb(214, 33, 9)
}

i {
      cursor: pointer;
      color: blue
}

* {
    box-sizing: border-box;
}

.pictures {
    display: flex;
    justify-content: center;
}

.picture {
    margin: 10px;
    flex: 1 1 0;
}