html {
  font-size: 15px;
  height: 100%;
}
body {
  background-color: #1c1c1c;
  color: #eee;
  font-family: "Akzidenz-Grotesk Next", sans-serif;
  letter-spacing: 0.1em;
  overflow: hidden;
  margin: 0;
  height: 100%;
}
textarea:focus, input:focus{
  outline: none;
}
.uppercase {
  text-transform: uppercase;
}
#main {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
#titles-giga-container {
  margin: 1.5%;
  width: 61.28%;
  cursor: default;
}
#titles-container {
  white-space: nowrap;
  overflow: hidden;
}
.title-row {
  color: #8a8787;
  font-weight: bold;
}
.titles-span {
  display: inline-block;
  font-size: 3.3333rem;
}
.title{
  color: transparent;
  -webkit-text-stroke: 1px #8a8787;
  transition: all 0.3s;
}
.title:hover {
  color: #8a8787;
}
#poster-container {
  position: relative;
  pointer-events: none;
}
#poster-image {
  position: fixed;
  top: -150px; /* Adjust the value as per your needs */
  left: 0;
  display: none;
  width: 150px; /* Adjust the dimensions as per your needs */
  height: auto;
  z-index: 100;
  
}
@keyframes weee {
  0% { transform: translateX(-80%); }
  100% { transform: translateX(0%); }
}
@keyframes eeew {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-80%); }
}

#auth-giga-container {
  margin: 3%;
  width: 38.72%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#auth-container {
  display: flex;
  flex-direction: column;

}
#login-register {
  display: flex;
  justify-content: space-between;
}
#login, #register {
  top: 5%;
  width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #eee;
  border-radius: 10px;
}
.auth-input {
  top: 5%;
  background-color: #1c1c1c;
  font-size: 1rem;
  border: 1px solid #eee;
  border-radius: 5px;
  color: #eee;
  display: flex;
  height: 25px;
}
#guest-container {
  margin-top: 5%;
  display: flex;
}
.line {
  margin-top: 5%;
  width: 100%;
  height: 1px;
  background: #eee;
}