70 lines
910 B
SCSS
70 lines
910 B
SCSS
form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 50%;
|
|
|
|
.checkbox-container {
|
|
display: flex;
|
|
align-items: baseline;
|
|
|
|
label {
|
|
text-align: left;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
&.consent-checkbox {
|
|
font-style: italic;
|
|
padding-top: 30px;
|
|
}
|
|
}
|
|
|
|
.text-input {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
label {
|
|
width: 29%;
|
|
text-align: left;
|
|
}
|
|
|
|
input {
|
|
width: 71%;
|
|
}
|
|
|
|
@media screen and (max-width: 600px) {
|
|
label {
|
|
width: 47%;
|
|
}
|
|
}
|
|
}
|
|
|
|
input {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.confirmed-input {
|
|
display: flex;
|
|
justify-content: center;
|
|
padding-bottom: 50px;
|
|
}
|
|
|
|
.submit-button {
|
|
padding-top: 31px;
|
|
padding-bottom: 31px;
|
|
}
|
|
|
|
i {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
label {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 600px) {
|
|
form {
|
|
max-width: 100%;
|
|
}
|
|
}
|