.container {
  /* background-color: rgba(2, 22, 22, 0.55); */
  justify-content: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
  padding: 12px;
}

.form {
  /* background-color: rgba(2, 22, 22, 0.55); */
  justify-content: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
  padding: 12px;
  margin: 10px;
}
.form p {
  color: white;
  font-size: 19px;
}
.form button {
  font-size: 21px;
  color: white;
  border: none;
  border-radius: 30px;
  background-color: #e84393;
  width: 50%;
  height: 50px;
}
.form button:hover {
  background-color: gray;
}
.form input {
  border: none;
  color: white;
  background-color: #e84393;
  text-align: center;
  font-size: 21px;
  width: 100%;
  height: 50px;
  margin: 20px;
}

.container video {
  height: 70%;
}

.navigator {
  background-color: rgba(0, 0, 0, 0.4);
  justify-content: space-evenly;
  padding: 0px 20px 0px 20px;
  flex-direction: column;
  position: fixed;
  display: flex;
  height: 100px;
  bottom: 0px;
  width: 100%;
  color: white;
  font-size: 19px;
  z-index: 1000;
  align-items: center;
}
.navigator button {
  height: 60%;
  width: 15%;
  font-size: 24px;
  text-align: center;
  appearance: none;
  padding: 0px;
  -webkit-appearance: none;
  border: none;
  border-radius: 14px;
}

.window {
  box-shadow: 0px 10px 25px rgba(185, 185, 185, 0.623);
  border-bottom: 11px solid rgba(65, 65, 65, 0.881);
  border-top: 15px solid rgba(65, 65, 65, 0.91);
  border-left: 12px solid rgba(0, 0, 0, 0.87);
  border-right: 12px solid rgba(0, 0, 0, 0.87);
  border-radius: 10px 10px 1px 1px;
  /* object-fit: cover; */
  height: 30vh;
  height: 30dvh;
  /* margin: 15px; */
  width: 100%;
}

.mock-bg {
  /* object-fit: cover; */
  /* background-attachment: fixed; */
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../assets/images/intro.gif");
}

.bg-pink {
  background-color: #f368e0;
}
.bg-red {
  background-color: rgba(179, 57, 57, 1);
}
.bg-green {
  background-color: rgb(49, 196, 67);
}
.bg-blue {
  /* background-color: rgba(56, 103, 214, 1); */
  background-color: rgba(0, 43, 54, 255);
}
.bg-purple {
  background-color: rgb(113, 0, 113);
}
.bg-yellow {
  background-color: rgb(213, 208, 58);
}