body { 
  font-family: 'Contrail One', monospace;
  background: black;
}

/* ANIMATIONS */
.fly-in {animation: fly-in 1.5s ease-out both;}
@keyframes fly-in {
  0%   {transform: translate(-100%, 0%);  opacity: 0;}
  70%  {opacity: 1;}
  100%  {transform: translate(-50%, 0%); opacity: 1;}
}
.fly-out {animation: fly-out 1.5s ease-out both;}
@keyframes fly-out {
  0%  {transform: translate(-50%, 0%); opacity: 1;}
  70%  {opacity: 0;}
  100%   {transform: translate(0%, 0%); opacity: 0;}
}

.pulse-once { animation: pulse-once 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860) both; }
@keyframes pulse-once {
  0% {transform: scale(1);}
  50% {transform: scale(0.8);}
  100% {transform: scale(1);}
}


#touchdd{
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 50;
  
}


#loadBackground {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: url("../assets/textures/load_bg.jpg") center / cover !important;
}
#requestingCameraPermissions {
  background-color: #2e3192!important;
  color: #ffffff;
}
/* #requestingCameraIcon {
  width: 70%!important;
  height: auto!important;
  content: url("./images/allowCamera.png");
} */
.prompt-box-8w {
  background-color: #2e3192!important;
}
.prompt-box-8w p{
  color: #ffffff;
}
.prompt-button-8w {
  background-color: #2e3192!important;
  color: #ffffff;
  border-radius: 5em!important;
  border: solid #ffffff 3px!important;
}
.button-primary-8w {
  background-color: #2e3192!important;
  color: #ffffff;
  border-radius: 5em!important;
}