body {
  background-color: lightgray; }

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue; } }
a, div, img, p {
  padding: 5px; }

br + a {
  color: green;
  font-size: 20px; }

h1 {
  color: green;
  font-size: 36px;
  padding: 5px; }

h1[my_attribute="1"] {
  color: red;
  font-size: 36px;
  padding: 5px; }

#my_table {
  border: 5px solid green;
  border-collapse: collapse;
  margin-top: 10px;
  margin-left: 10px;
  resize: both;
  overflow: auto; }

th, td {
  border: 1px solid green;
  padding: 5px;
  text-align: center; }

th {
  background-color: lightgreen;
  padding: 5px; }

ul {
  list-style-type: disc;
  text-align: left; }

.visits, .location {
  font-size: 20px;
  font-weight: bold; }

.visits {
  color: blue; }

.location {
  color: red; }

.left-space {
  border: 3px; }

.grid {
  background-color: lightgreen;
  display: grid;
  padding: 8px;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-columns: auto auto auto; }

.grid-item {
  background-color: white;
  font-size: 14px;
  padding: 5px;
  text-align: center; }

footer p {
  font-size: 18px;
  padding: 20px;
  color: darkgreen; }

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