extension.autoSave body {
  background-color: white;
  overflow-x: hidden;
  overflow-y: hidden;
}

* {
  box-sizing: border-box;
}


body {
  overflow: hidden;
  cursor: url("cursor.png"), pointer;
}

body::-webkit-scrollbar {
  display: none;
}

.flex-container::-webkit-scrollbar {
  display: none;
}



.link {
  transition: filter 0.65s ease;
  cursor: url("cursor2.png"), pointer;
}

.link:hover {
  filter: blur(1.5px);
}



p {
  font-family: 'Suisse BP Medium';
  font-size: 20px;
  line-height: 20px;
  word-wrap: break-word;
  /* hyphens */
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  transition: font-size 0.2s ease;
}

strong {
  font-family: "Suisse BP Italic";
  font-size: 20px;
  line-height: 20px;
  font-weight: 100;
  transition: font-size 0.2s ease;
}


#letterspacing {
  font-family: 'Suisse BP Medium';
  padding-right: 4px;
}

#letterspacing2 {
  font-family: 'Suisse BP Medium';
}

.flex-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  width: 100vw;
  margin-top: -8px;
  margin-left: -8px;
}

.flex-container>p {
  width: 100%;
  margin: 8vh;
  text-align: center;
  transition: margin 0.2s ease;
}

.flex-container>div {
  width: 100%;
  margin: -8vh;
  text-align: center;
  transition: margin 0.2s ease;
}

#icon_image {
  width: 40px;
  height: 40px;
  transition: width 0.2s ease, height 0.2s ease;
}

.overlay-image {
  position: absolute;
  width: 280px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9999;
}


.link:hover+.overlay-image {
  display: block;
}


.icon-container {
  position: relative;
  display: inline-block;
}


@media (min-width: 1024px) {
  p {
    font-size: 28px;
    line-height: 30px;
  }

  strong {
    font-size: 28px;
    line-height: 30px;
  }

  #icon_image {
    width: 50px;
    height: 50px;
  }

  .flex-container>p {
    margin: 10vh;
  }

  .flex-container>div {
    margin: -10vh;
  }

  .overlay-image {
    width: 400px;
  }

}


@media (max-width: 640px) {

  p {
    font-size: 20px;
    line-height: 20px;
  }

  strong {
    font-size: 20px;
    line-height: 20px;
  }

  #icon_image {
    width: 40px;
    height: 40px;
  }

  .flex-container>p {
    margin: 8vh;
  }

  .flex-container>div {
    margin: -8vh;
  }

  .overlay-image {
    width: 280px;
  }


}

@media (max-height: 320px) {

  p {
    font-size: 15px;
    line-height: 15px;
  }

  strong {
    font-size: 15px;
    line-height: 15px;
  }

  #icon_image {
    width: 30px;
    height: 30px;
  }

  .flex-container>p {
    margin: 6vh;
  }

  .flex-container>div {
    margin: -6vh;
  }

  .overlay-image {
    width: 210px;
  }

}


@font-face {
  font-family: 'Suisse BP Medium';
  src: url('Suisse\ BP\ Int\'l\ Medium.woff2') format(woff2);
}


@font-face {
  font-family: 'Suisse BP Italic';
  src: url('Suisse\ BP\ Italic.woff2') format(woff2);
}