CÂU 1

.form--container{
margin: auto;
background-color: #99ccff;
padding-bottom: 20px;
}

.form--head{
text-align: center;
}

.form--row{
display: flex;
justify-content: left;
margin-bottom: 10px;

.form__label{
min-width: 200px;
}

.form--end{
display: block;
margin: auto;
text-align: center;
}

.form__radio{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.form__opt{
display: flex;
min-width: 175px;
}

.form__input{
margin-right: 5px;
}

.form__input2{
width: 50px;
}

CÂU 2
body{
background: #ccffff;
}

.form--row{
display: flex;
flex-direction: column;
}
.form__button{
border: none;
background: transparent;
}

.form__label{
font-weight: bold;
}

.title{
color: darkred;
}

.form--row{
margin: 20px auto;
display: flex;

.form__selection{
display: flex;
flex-wrap: wrap;
}

.form__option{
min-width: 250px;
}

.form__option2{
min-width: 175px;
}

CÂU 3
.form--container{
background-color:#ccffff ;
padding-left: 10px;
padding-bottom: 20px;
}

.form__head--image{
text-align: center;
}

.form--row{
margin: 15px auto;

.row4{

display: flex;
flex-direction: column;
}

.form__table{
border-left: 1px solid #ddd4d5 ;
border-top: 1px solid #ddd4d5 ;
border-right: 1px solid black ;
border-bottom: 1px solid black ;
}

.form__table th , td{
text-align: center;
border-right: 1px solid #ddd4d5 ;
border-bottom: 1px solid #ddd4d5 ;
border-top: 1px solid black ;
border-left: 1px solid black ;
}

.form__element--row{
margin-top: 5px;
}

.form__input4{
height: 50px;
width: 400px;
}

CÂU 4

.form--container{
background-color: #008080;
color: white;
margin: auto;
padding-left: 10px;
padding-bottom: 20px;
}

.form--head{
text-align: center;
}

.form--row{
display: flex;
margin: 15px auto;
}

.form__input{
margin-right: 10px;
margin-left: 5px;
}

.form--end{
text-align: center;