body {
    background-color: #f1ecba;
    margin: 0;
    padding: 0;
}
p {
    padding: 20px;
}
li {
    text-align: left;
}
.wrap {
    width: 980px;
    margin:0 auto;
}
.header {
    height: 140px;
    margin-top: 10px;
    margin-bottom: 15px;
    background: hsla(51, 33%, 67%, 0.541);
    font-family: Andale Mono, monospace;
    text-align: center;
    vertical-align: middle;
    border-style: inset;
    border-color: #0d0c05;
    
}
.intro {
    background: hsla(64, 56%, 74%, 0.76);
    font-family: Courier New, monospace;
    text-align: center;
    border-style: groove;
    float: left;
    height: 450px;
    width: 425px;
    margin: 20px;
    overflow: scroll;
    
    
    
}
.hobby {
    background: hsla(240, 100%, 50%, 0.562);
    font-family: Comic Sans MS;
    text-align: center;
    border-style: groove;
    border-width: thick;
    float: right;
    height: 450px;
    width: 425px;
    margin: 20px;
    overflow: scroll;
    
}
.clear {
    clear: both;
}
.outro {
    background: hsla(0, 44%, 36%, 0.63);
    text-align: center;
    border-style: ridge;
    border-width: thick;
    float: left;
    width: 500px;
    margin: 20px;
    padding: 10px;
}
.howto {
    background: hsla(60, 100%, 50%, 0.274);
    font-family: Impact;
    text-align: center;
    border-style: ridge;
    border-width: thick;
    float: left;
    width: 600px;
    height: 300px;
    margin: 20px;
    padding: 20px;
}
    
.valencia {
    background: hsla(39, 100%, 50%, 0.733);
    text-align: center;
    border-style: ridge;
    border-width: thick;
    float: left;
    height: 70px;
    width: 980px;
    margin-top: 20px;
    padding: 20px;
}