*{
    border: 1px solid orange;

}

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f4f6f8;
    padding: 20px;
}

form{
    max-width: 700px;
    margin:0 auto;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #2d2c2c;
}

label{
    display: block;
    margin-top: 15px;
    font-weight: bold;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="file"] ,
select,
textarea {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;

}
textarea {
    height: 100px;
    resize: vertical;
}

input[type='radio'],
input[type='checkbox'] {
    margin-right: 5px;
}
fieldset label{
    display: inline-block;
}

fieldset {
   margin-top: 15px;
   padding: 10px;
   border:1px solid #2d2c2c;
}

legend {
    font-weight: bold;
}

/* button styling applied broadly so inputs match too */
button,
input[type="button"],
input[type="submit"],
.button {
    /* make the button a block-level element so auto margins work */
    display: block;
    margin: 20px auto 0; /* top margin and horizontally centered */
    padding: 10px 15px;
    background-color: #0077cc;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}
button:hover{
background-color: #3f90ca;
cursor: pointer;
}