body {
    background-color: rgba(0,0,0,1);
    padding: 0px;
    margin: 0px;
    font-family: 'Rajdhani', sans-serif;
}

.container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-image: url("img/astronaut/astronaut-trippyereresterestest.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:center;
    -webkit-transition: background-size 0.3s ease-out;
    -moz-transition: background-size 0.3s ease-out;
    -o-transition: background-size 0.3s ease-out;
    transition: background-size 0.3s ease-out;
}

@media only screen and (max-width: 620px) {
    .container {
        background-size: 370%;
        background-position-x: -670px;
        background-position-y: bottom;
    }
}
.container .wrap {
    /* align-self: center; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
     /*width: 30%; */
    /* background: rgba(17, 8, 35, 0.8); */
    background: rgba(16, 19, 29, 0.8);
    text-shadow: 1px 1px 4px rgb(23, 33, 43), 4px 4px 13px #0A0E12;
}

.container .wrap #logo {
    width: 30%;
    margin-bottom: 20px;
    display: none;
}

.container .wrap p {
    color: white;
    width: 30%;
    margin: 0px;
}

.container .wrap p.title {
    font-size: 390%;
    font-weight: 500;
    text-align: center;
    margin-bottom: 115px;
    text-shadow: 1px 1px 4px rgb(23, 33, 43), 4px 4px 13px #0A0E12;
}

.container .wrap p.subtitle {
    margin-top: 5px;
    padding-left: 25px;
    padding-bottom: 9px;
    width: 100%;
    color: #d6d6d6;
}

#cursor {
    animation: flicker 3s linear infinite;
    /* animation: blink 2s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite; */

    font-size: 80%;
    margin-top: -7px;
  }
  
  @keyframes blink {
    50% {
      opacity: 0;
    }
  }


  @keyframes flicker {
    0% {
      opacity:0.1;
    }
    2% {
      opacity:0.1;
    }
    4% {
      opacity:1;
    }
    
    
    19% {
      opacity:1;
    }
    21% {
      opacity:0.1;
    }
    23% {
      opacity:1;
    }
    
    80% {
      opacity:1;
    }
    83% {
      opacity:0.4;
    }
    87% {
      opacity:1;
    }
  }