#text {
  color: var(--bs-black);
  /*background: var(--bs-border-color-translucent);*/
  font-size: 21px;
  font-family: 'IBM Plex Sans', sans-serif;
  margin: -58px;
  margin-left: 30px;
  position: relative;
}

@media c {
  #footer {
    font-size: 20px;
    margin-top: 133px;
  }
}

#footer {
  font-size: 20px;
  margin-top: 133px;
}

#Gallery {
}

#Exhibition_1 {
}

#link {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  position: inherit;
  top: 50px;
  bottom: 100px;
}

#image {
  text-align: center;
}

#picturePS iframe {
  width: 90%;
  height: 300px;
}

@media (min-width: 576px) {
  #picturePS iframe {
    width: 90%;
    height: 400px;
  }
}

@media (min-width: 992px) {
  #picturePS iframe {
    width: 900px;
    height: 500px;
  }
}

#pictureFW iframe {
  width: 90%;
  height: 300px;
}

@media (min-width: 768px) {
  #pictureFW iframe {
    width: 90%;
    height: 400px;
  }
}

@media (min-width: 992px) {
  #pictureFW iframe {
    width: 900px;
    height: 500px;
  }
}

@keyframes shine {
  0% {
    background-position: -250px;
  }
  60% {
    background-position: 300px;
  }
  100% {
    background-position: -250px;
  }
}

.gradient-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #a1ffb0, #a1ffe8, #e0e7e0, #ffb9c6, #d8f9d7, #fcfeb2), linear-gradient(135deg, transparent 35%, #a1ffff 65%, transparent 75%), linear-gradient(225deg, transparent 25%, #a1c1ff 55%, transparent 85%);
  background-blend-mode: soft-light;
  background-size: 300% 300%, 200% 200%, 250% 250%;
  -webkit-mask-image: radial-gradient(circle at center, black, black 30%, transparent 60%);
  mask-image: radial-gradient(circle at center, black, black 30%, transparent 60%);
  pointer-events: none;
  transform: translateZ(0);
  opacity: 1;
  transition: opacity 0.2s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.navbar-collapse.show .nav-link {
  position: relative;
  z-index: 2;
  font-size: 50px;
  color: black !important;
  padding: 5px 0;
  opacity: 0;
  animation: fadeIn 0.4s ease-in-out forwards;
}

.gradient-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #a1ffb0, #a1ffe8, #e0e7e0);
  background-size: 400% 400%;
  -webkit-mask-image: radial-gradient(circle at center, black, black 30%, transparent 50%);
  mask-image: radial-gradient(circle at center, black, black 30%, transparent 50%);
  pointer-events: none;
  will-change: background-position;
  transform: translateZ(0);
}

@keyframes shine {
  0% {
    background-position: -200px;
  }
  50% {
    background-position: 1000px;
  }
  100% {
    background-position: -200px;
  }
}

.gradient-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(60deg, #a1ffb0, #fbf8b2, #e5eef5, #ffd2fb);
  background-size: 600% 600%;
  -webkit-mask-image: radial-gradient(circle at center, black, black 30%, transparent 50%);
  mask-image: radial-gradient(circle at center, black, black 30%, transparent 50%);
  pointer-events: none;
  will-change: background-position;
  transform: translateZ(0);
}

te {
}

#poster1 {
  width: 50%;
  margin-top: 50px;
  background: rgba(255,255,255,0);
  opacity: 1;
}

#Link-Wr-1 {
  color: #000000;
  text-decoration: none;
}

#Link-Wr-2 {
  color: #999999;
  text-decoration: none;
}

#Link-Wr-2:hover {
  font-style: oblique;
  color: var(--bs-indigo);
}

.text-container {
  position: sticky;
  top: 0;
  transform-origin: center center;
}

.text-container {
  perspective: 1000px;
}

.custom-text {
  font-family: 'IBM Plex Sans', sans-serif;
  color: #494949;
  font-size: 20px;
  margin-left: 30px;
  transform-origin: center center;
}

.custom-text {
  transition: transform 0.2s ease-out;
}

.row {
  overflow-x: hidden;
}

.custom-text {
  display: inline-block;
  transform-origin: center;
  transform: translate3d(0, 0, 0) skew(0deg) scale(1);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: transform;
  backface-visibility: hidden;
  position: relative;
}

.custom-text::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);
  transform: translateX(-100%);
  pointer-events: none;
}

.custom-text.scrolling::before {
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

#image22 {
  /*max-width: 50%;*/
  height: auto;
  border: 1px solid rgb(31,32,33);
}

@keyframes rotateAndScale {
  0% {
    transform: rotate(-23deg) scale(0.7);
  }
  50% {
    transform: rotate(369deg) scale(1.2);
  }
  100% {
    transform: rotate(-23deg) scale(0.7);
  }
  w {
  }
}

@keyframes rotateAndScale {
  0% {
    transform: rotate(-23deg) scale(0.7);
  }
  50% {
    transform: rotate(369deg) scale(1.3);
  }
  100% {
    transform: rotate(-23deg) scale(0.7);
  }
  w {
  }
}

.rotate-scale-smooth:hover {
  animation-play-state: paused;
}

.rotate-scale-smooth {
  transform-origin: center center;
  animation: rotateAndScale 15s ease-in-out infinite;
}

#photo:hover {
  box-shadow: 2px 2px 20px 2px rgba(115,142,241,0.69);
}

#Card {
  background-color: var(--bs-gray-200);
}

.bg-light {
  --bs-bg-opacity: 0;
  background-color: background-color: var(--bs-gray-200);
  background-color: var(--bs-gray-200);
}

#card:hover {
  box-shadow: 0px 0px 10px rgb(159,112,112);
}

element.style {
}

@media (max-width: 400px) {
  #footer {
    font-size: 13.5px;
  }
}

.btn:hover {
  color: var(--bs-btn-hover-color);
  /*background-color: var(--bs-btn-hover-bg);*/
  /*border-color: var(--bs-btn-hover-border-color);*/
}