#template-cinema .link-bio-preview {
  background-color: #ffffff !important;
}

#template-cinema .top-container {
  background-image: url("/images/templates/film-strip.svg");
  height: 80%;
  position: absolute;
  top: 0;
  right: -30%;
  width: 100%;
  background-size: 200px;
  background-repeat: repeat-x;
  background-position: center;
  transform: rotate(45deg);
  animation: film-strip 3s linear infinite;
  z-index: 1;
}

#template-cinema .bottom-container {
  background-image: url("/images/templates/film-camera.svg");
  position: absolute;
  bottom: 0;
  width: 100%;
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  height: 200px;
  left: 20px;
  background-position: left bottom;
}

/* on mobile make right -10% */
@media (max-width: 768px) {
  #template-cinema .top-container {
    right: unset;
    left: 0;
  }
}

/* on tablet make -20% */
@media (max-width: 1024px) {
  #template-cinema .top-container {
    right: -20%;
  }
}

@keyframes film-strip {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 200px 0;
  }
}

#template-cinema .profile-section span {
  border: 6px solid #000000;
  width: 110px;
  height: 110px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#template-cinema .profile-section span,
#template-cinema .profile-info .title,
#template-cinema .text,
#template-cinema .profile-info .subtitle {
  z-index: 50;
  color: #000000 !important;
}

#template-cinema .button-container,
#template-cinema .icon-grid,
#template-cinema .button-container button,
#template-cinema .card,
#template-cinema .icon-grid button {
  border-radius: 0 !important;
  z-index: 50;
}

#template-cinema .divider {
  border-color: #000000 !important;
}

#template-cinema .button-container button,
#template-cinema .icon-grid button {
  color: #ffffff !important;
}

#template-cinema .button-container button,
#template-cinema .card,
#template-cinema .icon-grid button {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  background-color: #000000 !important;
}

#template-cinema .button-container button:hover,
#template-cinema .card:hover,
#template-cinema .icon-grid button:hover {
  background-color: #ffffff !important;
  border: 1px solid #000000 !important;
}

#template-cinema .button-container button:hover,
#template-cinema .icon-grid button:hover {
  color: #000000 !important;
}

#template-cinema:not(.template) .button-container {
  margin-bottom: 80px;
}

#template-cinema .link-bio-footer {
  color: #000000 !important;
  z-index: 50;
}

#template-cinema.preview .top-container {
  right: -10px;
  top: -20px;
}