/* CSS files add styling rules to your content */

body {
  padding-left: 2%;
  max-width: 600px;
  background: rgb(238, 174, 202);
  background: linear-gradient(
      132deg,
      rgba(244, 94, 160, 0.67) 0%,
      rgba(96, 159, 233, 0.67) 100%
    )
    fixed;
  background-size: cover;
  background-repeat: no-repeat;
  font-family: Arial;
  color: rgba(0, 0, 128, 0.5);
}

.header {
  font-family: Arial;
  font-size: 200%;
  color: rgba(255, 255, 255, 0.5);
}

h1 {
  margin: 0;
}

h2 {
  font-size: 100%;
  margin: 0;
  font-style: italic;
}

.section {
  font-size: 125%;
  font-weight: bold;
}

a {
  font-family: Courier;
  color: magenta;
}

.footer {
  padding-top: 10%;
  width: 100%;
  color: white;
}

table {
  border: 1px solid rgba(255, 255, 255, 0.75);
}
.tg {
  border-collapse: collapse;
  border-spacing: 0;
}
.tg td {
  
  border-style: none;
  border-width: 1px;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
}
.tg th {
  border-color: white;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
  text-align: center;
  font-weight: bold;
}
.tg .tg-stat {
  text-align: center;
  vertical-align: top;
}