@font-face {
    font-family: "Genos";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/genos/v2/SlGNmQqPqpUOYTYjacb0Hc91fTwVqkjYqki9CbN8A797.woff)
      format("woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
      U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
      U+FEFF, U+FFFD;
}


body {
    background-color: rgba(60, 57, 255, 0.632);
}




.Emopassfield {
    position: relative;
}
  

  
.video-box {
    position: relative;
    overflow: hidden;
    z-index: 100;
    width: 100%;
    height: 100vh;
}

.video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    
}
  

.overlay::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(60, 57, 255, 0.632);
}


.Emopass {
    position: absolute;
    z-index: 200;
    top: 50%;
    left: 100%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.form-row {
    margin: 2em ;
}


input[type="text"] {
    display: block;
  
}

textarea {
    resize: none;
}


h3 {
    text-transform: uppercase;
    font-family: "Genos", monospace;
    font-size: 30px;
}

p {
    font-size: 13px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}


.blink {
    -webkit-animation: blink 0.09s ease infinite;
    animation: blink 0.09s ease infinite;
}
@-webkit-keyframes blink {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes blink {
    0% {opacity: 0;}
    100% {opacity: 1;}
}


button {
    padding: 1px;
}

span {
    display: block;
}
  
span:last-of-type {
    display: none;
}
  
.show {
    display: block !important;
}