body {
   background-color: lightblue;
   padding: 5px;
}
h3 {
   color: navy;
   margin-left: 20px;
}
input {
   margin-left: 20px;

}
label{
   font-size: 20px;
}
input[type=text]{
   width: 50%;
   padding: 5px;
   margin: 20px 0;
   border-radius: 4px;
}
input[type=password]{
   width: 50%;
   padding: 5px;
   margin: 20px 0;
   border: 5px solid #ccc;
}
input[type=checkbox]{
   cursor: pointer;
   background-color: green;
}
input[type=radio]{
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;font-size: 22px;

}
textarea{
   border: 2px solid #ccc;
   box-sizing: border-box;
   border-radius: 4px;
}
select{
   width: 50%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.simple:hover {
    transform: scale(2);
}

.password:hover {
    font-family: monospace;
}

.tinput:hover {
    background-color: yellow;
    transform: rotate(10deg);
} 

.drop:hover {
    background-color: aqua;
}
.gender:hover {
    font-style: italic
}
.vehicle:hover {
    color:deeppink;
}

