@font-face {
  font-family: 'MTCORSVA';
  src: local('MTCORSVA'), url('./MTCORSVA.woff') format('woff');
}

@font-face {
  font-family: 'CGFLocustResistance';
  src: local('CGFLocustResistance'), url('./CGFLocustResistance.woff') format('woff');
}

body {
  background-image: url('../images/background.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100vh;
  font-family: MTCORSVA;
}

.navbar {
  background: rgba(0, 0, 0, 0.151) !important;
}

.nav-link {
  padding: 0px 30px !important;
  font-size: 2.2em;
  font-weight: 200;
  color: black;
}

.nav-link:hover {
  text-shadow: 2px 2px 2px #ffffff;
}

.nav-link.active {
  text-shadow: 2px 2px 2px #ff0000 !important;
}

.intro-div {
  padding: 50px;
  background: #0000002e;
  color: black;
  border-radius: 10px;
}

.fade-in {
  animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.cgf-font {
  font-family: CGFLocustResistance;
}

.text-black {
  color: black;
}



/* Custom CSS for positioning */
.image-container {
  position: relative;
  display: inline-block;
}

.eye-icon {
  position: absolute;
  top: -10px;
  right: -10px;
  color: #fff;
  cursor: pointer;
  z-index: 1;
  font-size: 1.8em;
  color: black;
  background: white;
  border-radius: 5px;
  padding: 4px;
}

.modal-content{
  font-family: Arial, Helvetica, sans-serif;
  font-size: larger;
  background: rgba(0, 0, 0, 0.884);
  color: white;
}


.cross-btn{
  background-color: white !important;
}
.poster-h2{
  font-size: 1.5em;
}