:root {
  font-family: Inter, sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1;
  src: url('static/fonts/Inter/Inter.ttf')  format('truetype');
}
}
@supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }
}

@media (min-width: 30em) {
  html {
    font-size: 100%;
  }
}

@media (min-width: 40em) {
  html {
    font-size: 110%;
  }
}

@media (min-width: 50em) {
  html {
    font-size: 120%;
  }
}

@media (min-width: 60em) {
  html {
    font-size: 130%;
  }
}


html {
	max-width: 1250;
	margin: 0 auto;
	background: #ddd;
}

.tagify {
	background: white;
	min-width: 500px;
}


#gallery img {
  transition: transform .2s;
  min-width: 300px;
  max-width: 300px;
  max-height: 300px;
  object-fit: cover;
}

#gallery img:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
}

.image_page_image {
	padding: 10px;
	float: left;
}

.image_page_details {
	padding 10px;
	float: left;
}

.pages {
  font-size: 1.2rem;
  padding: 20px 0px;
}

.character_thumbnail {
        padding: 10px;
	max-width: 500px;
	margin: 0 auto;

}

.character_details {
        padding 10px;
	max-width: 1000px;
	margin: 0 auto;
}

.admin_page {
	display: flex;
	justify-content: space-between;
}

.admin_navigation {
	border-right: 2px solid gray;
	padding: 10px;
	margin: 10px;
}

.admin_content {
	padding: 10px;
	margin: 10px;
}