CSS
body{
width:100%;
height:100vh;
margin:0;
color:#f5f6f7;
font-family:Tahoma;
background-color:#1b1b32;
background-image:linear-gradient(90deg,rgba(50,50,255,0.8), rgba(200,255,255,0.8)),url(https://www.forbes.com/advisor/wp-content/uploads/2022/06/freecodecamp.jpeg.jpg);
}
header{
margin:2.8rem auto;
}
h1, p{
text-align:center;
margin:0 0 0.5rem 0;
}
label{
display:block;
margin:1.5rem 0;
}
#title{
font-size:2em;
font-weight:400;
line-height:1.2;
}
#description{
font-style:italic;
}
form{
width:80vw;
margin: 0 auto;
max-width:1000px;
min-width:300px;
}
input, textarea, select{
width:100%;
border-radius:4px;
min-height:3em;
margin:10px 0 0 0;
border-color:none;
}
.inline{
width:unset;
margin:0 0.5rem 0 0;
vertical-align:middle;
}
button{
width:100%;
display:block;
margin:0 auto;
background-color:hsl(140,50%,40%);
border:none;
color:white;
padding:0.5rem 0;
}
button:hover{
background-color:#1b561b;
}
fieldset{
padding:0 2rem 2rem 2rem ;
background-color:#1b1b32aa;
border:none;
border-radius:4px
}
textarea{
height:5rem;
}