body * {
    text-decoration: none;
    color: black;
    font-family:  Helvetica, sans-serif;
}

body {
    margin: 0;
}

nav {
    display: flex;
    align-items: center;
    height: 10vh;
    background-color: #002326e3;
    padding-left: 20px;
}

a {
    color: white;
}

h2 {
    color: white;
    font-size: xx-large;
}


#signup {
    width: max-content;
    margin: 16vh auto;
    border-radius: 3%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

}

.container {
    background-color: #47706a86;
    padding: 20px;
    border: 1px solid black;
    border-radius: 3%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    gap: 10px;
}

input {
    height: 25px;
    width: 250px;
    border-radius: 3px;
    border: 0;
    padding: 2px;
    
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.submit {
    cursor: pointer;
    height: 30px;
    width: 100px;
    margin-top: 5px;
    border: 0;
    border-radius: 3%;
}

input.submit:hover {
    background-color: #006647b2;
    color: white;
}