body {
  FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.wstyle {
  max-width: 900px;
  margin: 15px auto;
}

.caption {
  text-align: center;
  FONT-SIZE: 1.75em; FONT-WEIGHT: 700; COLOR: #3E7198;
  BORDER-COLOR: steelblue; 
  BORDER-STYLE: double;
  padding: 15px;
}

.item {
  text-align: center;
}

p, li {
  line-height: 28px;
  text-align: justify;
}

.a {
  display: block;
  margin: 0;
  padding: 5px;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.2s ease-in-out;
  border: 1px solid lightskyblue;
  background: aliceblue;
}

.a:hover {
  background-color: lightskyblue;
}

.center {
  text-align: center;
}

.other {
  border: 3px solid red;
  border-radius: 10px;
  padding: 10px;
  background-color: #ffffc9;
}

table {
  border-spacing: 1px;
  background: rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
}

th, td {
  background-color: white;
  padding: 10px;
  text-align: right;
}

th p, td p {
  margin: 0;
}

.example {
  max-width: 1024px;
  padding: 0 5px;
  h2 {
    text-align: center;
    /* FONT-SIZE: 1.75em; FONT-WEIGHT: 700; COLOR: #3E7198; */
    padding: 15px;
    color: #555;  
  }
}
.example:hover {
  outline: 5px solid steelblue;
  outline-offset: -5px;
}

.img-example {
  width: 100%;
}