/* styles for my form homework */
*{
    padding:0;
    margin:0;
    box-sizing: border-box;
}
#wrapper{
    width:940px;
    margin:30px auto;
}
main{
    width:580px;
    float: left;
}
h1{
    color:#800;
    font-size:3em;
    margin-bottom: 12px;
}
h3{
    margin-bottom:12px;
    font-weight: bold;
    font-size: 1.7em;
}
p{
    margin-bottom: 12px;
}
.thx p a{
    color:#800;
    font-size: 1.5em;
}
form{
    max-width: 580px;
    margin-bottom: 20px;
}
fieldset{
    padding:10px;
    border-radius:5px;
    border: 1px dotted #800;
}
legend{
    font-size: 1.3em;
    font-style: italic;
    padding:0 5px;
}
label{
    display: block;
    margin-bottom: 5px;
    font-weight:bold;
    font-size: 1.1em;
}
input{
    margin-bottom: 10px;
    height:30px;
    width:100%;
}
input[type=radio],
input[type=checkbox] {
    height:auto;
    width:auto;
    margin-right: 3px;
    margin-bottom: 3px;
}
form ul{
    margin-left: 15px;
    margin-bottom: 10px;
}
form li{
    list-style-type: none;
}
select{
    margin-bottom: 10px;
}
input[type="submit"] {
    width:auto;
}
textarea{
    width:100%;
    height:110px;
    margin-bottom: 10px;
}
form a{
    color:#800; 
}
aside{
    width:340px;
    float: right;
}
aside img{
    width:100%;
}
footer{
    clear: both;
    height:60px;
    line-height:60px;
    display: flex;
    justify-content: left;
    border-top: 1px dotted #800;
}
footer ul{
    display: flex;
}
footer li{
    list-style-type: none;
    margin:0 10px;
    color:grey;
}
footer a{
    color: grey;
}