body {
width: 100%;
height: 100vh;
margin: 0;
background-color: #1f1b32;
color: #f5f6f7;
font-family: Calibri;
font-size: 16px;
}

h1, p {
margin: 1em auto;
text-align: center;
padding: 0.7em 2em;
font-size: 1.2em;
background-color: #3b3b4f;
color: #f5f6f7;
border: none;
border-radius: 5px;
cursor: pointer;
}

form {
width: 60vw;
max-width: 500px;
min-width: 300px;
margin: 0 auto;
padding-bottom: 2em;
text-align: center;
}

label {
display: block;
margin: 0.5rem 0;
text-align: left;
font-weight: bold;
}

input,
textarea,
select {
margin: 10px 0 0 0;
width: 100%;
min-height: 2em;
}

input, textarea {
background-color: #0a0a23;
border: 1px solid #0a0a23;
color: #ffffff;
}

.inline {
width: unset;
margin: 0 0.5em 0 0;
vertical-align: middle;
}

input[type="submit"] {
display: block;
width: 60%;
margin: 1em auto;
height: 2em;
font-size: 1.1rem;
background-color: #343491;
border-color: white;
min-width: 300px;
}


input:hover[type="submit"] {
display: block;
color: rgb(255, 203, 106);
text-decoration: none;
cursor: pointer;
font-size: 15px;
transition: font-wheight 1s ease-in-out;
transition: text-indent 1s ease-in-out;
}