@font-face {
  font-family: instant-zen;
  src: url("../Fonts/instant-zen-font/InstantZenRegular-r6Ex.otf");
}

@font-face {
  font-family: herculanum;
  src: url("../Fonts/herculanum-font/Herculanum.ttf ");
}

dsrfont {
  font-family: instant-zen;
  font-size: 11vw;
  font-style: bold;
  background: -webkit-linear-gradient(rgb(245, 5, 5), rgb(4, 8, 255));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* display:inline-block; */
  -webkit-box-decoration-break: clone;
  line-height: 9vw;
  text-align: left;
}

dsrfont_s {
  font-family: instant-zen;
  font-size: 5vw;
  font-style: bold;
  background: -webkit-linear-gradient(rgb(245, 5, 5), rgb(4, 8, 255));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* display:inline-block; */
  -webkit-box-decoration-break: clone;
  line-height: 9vw;
  text-align: left;
}

hercfont4 {
  font-family: herculanum;
  font-size: 5vw;
  font-style: bold;
}

hercfont2 {
  font-family: herculanum;
  font-size: 3vw;
  font-style: normal;
}

.dsrlogo {
  height: 150px;
  width: auto;
  position: relative;
}

.dsrlogo2 {
  height: 75px;
  width: auto;
  position: relative;
}

.background-tint {
  background-color: rgba(226, 220, 213, 0.5);
  background-blend-mode: multiply;
}

a {
  text-decoration: none;
}

div-img {
  justify-content: right;
  align-items: right;
  display: flex;
  padding-top: 20%;
  size-adjust: 20%;
}

.zoom img {
  transition: transform 0.2s;
  margin: 0 auto;
  background-color: rgb(173, 173, 237);
  border: 1px solid black;
}

.zoom img:hover {
  position: sticky;
  transform: scale(2.5);
}