@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('theme.css');

p, h1 {
    text-align: center;
}

body {
  font-family:'Noto Sans', sans-serif;
  background-color: var(--background-color);
  color: var(--text-color);
}

img {
    max-width: 1000px;
    max-height: 800px;
}

/* img:hover, frame:hover {
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.5);
  transform: translate(-5px, -5px);

} */

.comments iframe {
  width: max-content;
}

.comments {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

/* Mobile */
@media only screen and (max-width: 767px) {
    img {
      width: 100%;
    }
  }

iframe, img {
  border: 3px solid var(--text-color);
}

a:visited, a {
  color: var(--text-color);
}

.exif-table {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 20%;
  border-style: solid;
  border-collapse: collapse;
  }

.exif-table td, .exif-table th {
    border-bottom: 1px solid var(--text-color);
    padding: 2px;
}