body {
    background-color: rgb(94, 131, 159);
}

h1 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 50px;
    text-align: center;
    color: rgb(218, 223, 227);
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
    padding-top: 10px;
}

h2 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 30px;
    text-align: center;
    color: rgb(218, 223, 227);
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
    padding-bottom: 10px;

}

h3 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 25px;
    text-align: left;
    color: rgb(218, 223, 227);
    margin-bottom: 0px;
    padding-bottom: 0px;
}
h4 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 25px;
    text-align: left;
    color: rgb(218, 223, 227);
    margin-bottom: 0px;
    padding-bottom: 0px;
}
h5 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 25px;
    text-align: left;
    color: rgb(218, 223, 227);
    margin-bottom: 0px;
    padding-bottom: 0px;
}

p {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    color: rgb(218, 223, 227);
}

li {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    color: rgb(218, 223, 227);
}

hr {
    border-color: rgb(218, 223, 227);
    border-width: 10px;
    border-style: solid;
}

a {
    color: rgb(13, 57, 158);
}

a:visited {
    color: rgb(13, 57, 158);
}

a:hover {
    color: rgb(76, 13, 158);
    font-weight: bold;
}

a:active {
    color: rgb(218, 223, 227);
    font-weight: bold;
}
.dropbtn {
    background-color: rgb(54, 123, 168);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 25px;
    text-align: left;
    color: rgb(218, 223, 227);
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: black;
} 
.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgb(94, 131, 159);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}
/*rgb(54, 123, 168);*/
.container {
    background-color: rgb(54, 123, 168);
    background: linear-gradient(-45deg, rgb(54, 123, 168), rgb(94, 163, 209), rgb(30, 78, 109));
    margin: 20px;
    padding: 10px;
    border-style: ridge;
    border-width: 2px;
    border-color: rgb(0, 0, 0);
    border-radius: 5px;
}

.vertical-table {
  display: grid;
  grid-template-columns: 1fr;
  width: auto;
  overflow-x:visible;
  margin-left: auto;
  margin-right: auto;
  /* border: 1px solid #ccc; */
}

@media (min-width: 600px) {
    .vertical-table{

    grid-template-columns: 1fr 1fr;
    overflow-x:auto;
    }
}

@media (min-width:1024px) {
    .vertical-table {
        grid-template-columns: 1fr 1fr;
    }
}

.cell {
  /* border-left: 1px solid #ccc; */
  padding: 16px;
}

/*.cell:first-child {
  border-left: none;
}*/