.error-text {
    font-size: 13px;
    color: red;
    margin-top: 5px;
  }
  
  .hide-ui {
    display: none !important;
  }
  
  .show-ui {
    display: block;
  }
  
  .container {
    background-image: url('images/background.png');
    background-size: fill;
    height: 100vh;
    width: 100%;
    color: white;
    font-family: 'Poppins', sans-serif;
  
    /* Centering the content */
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertical centering */
    align-items: center;     /* horizontal centering */
    text-align: center;
    padding: 20px;
  }

  .logo {
    height: 45px;
    width: 211px;
    margin-bottom: 20px;
    margin-top: 0px; /* Reduce top margin to help center the whole block */
  }

  .headImage {
    height: 150px;
    width: 150px;
    margin-bottom: 20px;
  }
  
  .glasses {
    height: 118px;
    width: 190px;
    margin-bottom: 20px;
  }