#overlay {
    display: none;
    position: absolute;
    margin: auto;
    inset: 0;
    height: 45vh;
    width: 38vw;
    background-color: rgba(2, 2, 2, 0.911);
    border-radius: 25px;
}

#title {
    margin-left: 4%;
    color: white;
    font-size: 120%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: bold;
}

#line {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(0, 0, 0, 0) 100%);
    height: 0.1vh;
    width: 95%;
    border: none;
    border-radius: 2vh;
}

.infoBox {
    position: absolute;
    margin: auto;
    left: 4%;
}

.text {
    color: white;
    display: inline-block;
    margin: 1vh 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: bold;
}

.input {
    background: white;
    color: black;
    display: inline-block;
    border: none;
    border-radius: 5px;
    height: 2.5vh;
    width: 95%;
    outline: none;
    padding: 0.5%;
}

.submitButton {
    position: absolute;
    left: 4%;
    width: 45%;
    background-color: rgb(17, 113, 238);
}

.resetButton {
    position: absolute;
    right: 4%;
    width: 45%;
    background-color: rgb(231, 50, 50);
}

.submitButton, .resetButton {
    bottom: 2.5vh;
    height: 3vh;
    color: white;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border: none;
    border-radius: 1vh;
    transition: 0.3s;
}
.submitButton:hover, .resetButton:hover {
    transition: 0.3s;
    opacity: 0.7;
}
.submitButton:active, .resetButton:active {
    transition: none;
    opacity: 1;
}

#error {
    position: absolute;
    margin: auto;
    bottom: 18%;
    right: 0;
    left: 0;
    text-align: center;
    color: white;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: bold;
}