body {
  background-color: lightblue;
  font-family: "Times New Roman", Times, serif;
}

h1 {
  background-image: url("1TTw26U.jpeg");
  background-size: cover;
  border-style: ridge;
  background-position: center;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  text-align: center;
  box-shadow: 10px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50vh; /* Adjust the height as needed */
  font-size: 3em; /* Adjust the font size as needed */
}

button {
  border-radius: 2px;
  padding: 16px;
  transition-duration: 0.4s;
  background-color: white;
  justify-content: center;
  align-items: center;
}

.button:hover {
  background-color: black;
  color: white;
}


h2 {
  color: black;
  text-shadow: 2px 2px #0073ff;
  text-align: center;
}

p {
  font-size: 20px;
  color: white;
  box-shadow: 10px 10px;
  border: 2px solid white;
  border-radius: 5px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  text-align: center;
}

table, th, td {
  border: 1px solid;
}

table {
  width: 100%;
}

th {
  text-align: center;
}

td {
  text-align: center;
}

img {
  max-width: 100%;
  height: auto;
  -webkit-box-reflect: below;
}

img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.blur {filter: blur(4px);}
.brightness {filter: brightness(250%);}
.contrast {filter: contrast(180%);}
.grayscale {filter: grayscale(100%);}
.huerotate {filter: hue-rotate(180deg);}
.invert {filter: invert(100%);}
.opacity {filter: opacity(50%);}
.saturate {filter: saturate(7);}

ol {
  border-style: dashed;
  list-style-type: upper-roman;
}