@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
  --md-primary-fg-color:        #121212;
  --md-primary-fg-color--light: #eaeaea;
  --md-primary-fg-color--dark:  #0d4d4c;
}


.md-typeset h1 {
  font-weight: 900;
}

.md-typeset h2 {
  font-weight: 700;
}

img {
  max-width: 70%;
  display: block;
}

.thumbnail {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 320px;
  height: 240px;

  -webkit-transform: translate(-50%,-50%); /* Safari and Chrome */
  -moz-transform: translate(-50%,-50%); /* Firefox */
  -ms-transform: translate(-50%,-50%); /* IE 9 */
  -o-transform: translate(-50%,-50%); /* Opera */
  transform: translate(-50%,-50%);
}

.image {
  width: 100%;
  height: 100%;
}
.image img {
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
}
.image:hover img {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
   transform:scale(1.25);
}