styles.css

@media (max-width: 500px) {
  .widescreen {
    display: none; } }
@media (min-width: 501px) {
  .shortscreen {
    display: none; } }
nav {
  background-color: lightcyan !important; }

body {
  background-color: white !important;
  margin-left: 20px !important;
  margin-right: 20px !important; }

nav a {
  font-size: large; }
nav a:hover {
  background-color: lightgray; }

.center {
  text-align: center; }

.title, #main-title {
  text-align: center;
  font-weight: bold; }

.title {
  font-family: serif; }

#main-title {
  font-family: cursive; }

img {
  width: 50%;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important; }

p {
  text-align: center; }

table {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border: 1px solid black; }

table th {
  font-size: medium;
  font-family: cursive;
  font-weight: bold;
  text-align: center;
  border: 1px solid black; }
table td {
  font-size: small;
  text-align: center;
  border: 1px solid black; }

/*# sourceMappingURL=styles.css.map */