#html-content-holder {
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
}

#login-background, #logged-in {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-holder {
    width: 84%;
    padding: 4%;
    background: white;
    border-radius: 10px;
    font-size: 22px;
    /* Remove the transform property */
}


.signup-holder {
    width: 84%;
    padding: 4%;
    background: white;
    border-radius: 10px;
    font-size: 22px;
    /* Remove the transform property */
}

.input-login{
  border:none;
  border-bottom: 2px solid rgb(233, 228, 228);
  width: 90%;
  padding: 5%;
  background: none;
  font-family: 'Arial', sans-serif;
  font-size:100%;    
}

.icon-holder{
    visibility:hidden;
}

.error-icon{
  color: rgb(204, 34, 34);
  position:absolute;
  transform:scale(1.4);
  margin-left:7px;
  margin-top:7px;
}

.success-icon{
  color: rgb(112, 171, 24);
  position:absolute;
  transform:scale(1.4);
  margin-left:7px;
  margin-top:7px;
}

.error, #collect-email-error{
  color: red;
  font-family: 'Arial', cursive;
  float:left;
  margin-left:10px;
}

.choices-buttons{
    border-radius:10px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); 
    margin:12px; 
    padding:3%; 
    padding-top:20px; 
    padding-bottom:20px; 
    width:84%; 
    font-size:130%; 
    color:black; 
    background:orange; 
    border:1px solid black
}

.applyInputs{
    width:calc(100% - 40px); 
    padding:20px; 
    border-radius:10px; 
    border:2px solid lightgrey; 
    font-size:120%
}

.custom-file-input-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
}

.custom-file-input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 100px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.custom-file-label {
    display: inline-block;
    cursor: pointer;
    background-color: #007BFF;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #007BFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.custom-file-label:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

.label{
    font-weight:bold;
    font-size:20px;
}

.formGroup{
    margin-bottom:20px;
}