signup.css

/* body elements from https://codepen.io/sowg/pen/qBXjXoE  */
body {
    text-align: center;
    background: hsl(213deg 85% 97%);
    font-family: Apercu,Gill Sans,sans-serif;
    color:hsl(233deg 36% 38%);
}

.form-inputs {
    background: hsl(218deg 50% 91%);
    text-align: center;
    border-color: black;
    margin-left: 25%;
    margin-right: 25%;
	padding: 2em;
	display: flex;
	flex-direction: column;
	border-radius: 30px;
	box-shadow: 0 0 2em hsl(231deg 62% 94%);
}

input {
    width: 250px;
    height: 35px;
    background: hsl(0deg 0% 100%);
	box-shadow: 0 0 2em hsl(231deg 62% 94%);
	padding: 1em;
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	border-radius: 20px;
    color: hsl(0deg 0% 30%);
    margin-left: 25%;
    margin-right: 25%;
    
}
button {
    padding: 1em;
    width: 250px;
    background: hsl(233deg 36% 38%);
    color: white;
    border: none;
    border-radius: 30px;
    font-weight: 600;
    margin-left: 25%;
    margin-right: 25%;
}