:root {
    --main-bg-color: #18995d;
    --white: #ffffff;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Segoe UI,
        Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    line-height: 1.5;
    height: 80%;
}

.index-container {
    height: 80vh;
    padding-top: 3vh;
}

.index-logo-name {
    width:40vh;
    height:auto;
    margin-top: -12vh;
}

.index-main-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 10vh;
    border-radius: 20px;
    background: var(--main-bg-color);
    color: #ffffff;
    max-width: 60vh;
    max-height: 60vh;
    margin: 0 auto;
    margin-top: 3vh;
    box-shadow: 5px 5px 2.5px 0px rgba(0,0,0,0.75);
}

.input-container {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.button-label {
    margin-right: 10px;
    width: 8vh;
}

.input-container input {
    width: 20vh;
}

.progress {
    width: 0;
    height: 20px;
    background-color: green;
  }

  #loginButton {
    margin-top: 10px; 
}