/* `#` (id) is for one element, `.` (class) is for multiple elements */
/* elements can have one id, but multiple classes */

/* copied from v4.0 */
a {
    color: darkgray;
    /* text-decoration-line: none; */
    cursor: zoom-in;
} /*
a::before{
  content:"<< "
}
a::after {
  content:" >>"
} */

/* for clock */
#date {
    font-size: 125%;
}
#time {
    font-size: 125%;
}
#seconds {
      font-size: 75%;
      color: lightgray;
}
.searchcontainer {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.search {
    font-size: 15px;
    width: 100%;
    height: 100%;
    text-align: left;
    background-color: rgb(39, 39, 39);
    color: white;
    border: thin;
} /* thank you floot (flootah.dev) */

/* good for figuring out what is going on with the tables */
/*
td{
  border:1px dashed red;
}
tr {
  border: 1px dashed red;
}
*/
/* end copied from v4.0 */

/* copied from v5.0 */
body { 
  background-color: #222222;
  color: #dddddd;
  font-family: 'Times New Roman', Times, serif;
  /* width:1024px; */
  /* background-image: url("./") */
  height:auto;
  padding-bottom: 30vh; /* ensure the bottom of the page is never on the bottom of the screen - 30% of browser height. looks weird on mobile but whatever */ 
}
/* end copied from v5.0 */

.center {
  text-align: center;
}

ul {
  list-style-type: none;
}
/* ul li::before {
  content: "- "
} */