p, h1, label, legend {
   color: white;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body {
   background: radial-gradient(circle at 25% center, #5C1B33, transparent 85%), 
                radial-gradient(circle at 75% center, #2618A7, transparent 80%);
    background-color: #000000; 
    height: 100vh;
    margin: 0;
}

.logo-div {
   display: flex;
   justify-content: center;
   align-items: center;
   padding-top: 2rem;
   padding-bottom: 2rem;
}

.logo {
   width: 13%;
   height: auto;
}

.form-div {
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
}

fieldset {
   border-style: none;
}

.form-header {
   font-family: "Inter", sans-serif;
   font-size: 2rem;
   font-weight: 700;
   margin-bottom: 0;
}

#username, #password, #number, #dropdown {
   display: block;
   margin: 30px 0px;
   height: 30px;
   width: 95%;
   border-radius: 50px;
   padding: 5px 15px;
   font-weight: bold;
}

#login-form {
   border-radius: 5px;
   width: 30%;
   margin: auto;
   background-color: rgba(255, 255, 255, 0.2); 
   padding: 30px 45px;
}

#expectations-field {
   padding: 10px 15px;
   font-weight: bold;
   margin: 10px 0px;
   border-radius: 5px;
}

#login {
   display: block;
   margin: auto;
   height: 50px;
   width: 50%;
   background-color: rgba(255, 255, 255, 1);
   color: black;
   font-weight: bold;
   font-size: 18px;
   border-radius: 20px;
}

#submit:hover{
   background-color: rgba(0, 255, 130, 90%);
}

.block {
   display: block;
   font-size: 18px;
}