#info {
    padding-top: 1.5%;
    height: 15%;
    align-items: flex-end;
    margin-left: 1rem;
    font-size: 1.2rem;
  }
  
  #text {
    position: absolute;
    font-family: "Expo_M";
    font-weight: 200;
    font-size: 5rem;
    top: 23%;
    left: 5%;
  }

  #logo{
    position: absolute;
    height: 10%;
    bottom: 0%;
  }
  
  #text::after {
    content: '';
    margin-left: .4rem;
    border-right: 2px solid #777;
    animation: cursor 1.5s infinite steps(2);
  }
  
  @keyframes cursor {
    from { border-right: 2px solid rgba(244, 238, 238, 0); }
    to { border-right: 2px solid rgb(255, 255, 255); }
  }
  
  /* ---------------------------------------- */
  
  
  * {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;  
    line-height: 1.5em;
  }
  
  body {
    display: flex;
    background-color: #222;
    color: white;
  }

  video{
    width: 100%;
    height: 100%;
  }

  @font-face {
    font-family: "Expo_M";
    src: url('/ExpoM-HM-02.ttf') format('truetype');
  }