* {
    margin: 0;
    padding: 0;
    box-sizing:
    border-box;
}

body {
    font: 13px Helvetica, Arial;
}

section {
    width: 500px;
    margin: 50px 100px 50px 100px;
    border: solid 10px #333366;
    background-color: #6495ed;
    border-radius: 1em;
    position: relative;
}

article.hd {
    text-align: center;
    color: #eee;
    padding: 10px;
    background-color: #333366;
}

article.mv {
    min-height: 200px;
    margin: 10px;
}

article.iv {
    margin: 0px 0px 0px 0px;
    background-color: #eee;
    width: 100%;
}

#messages {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#messages li {
    margin: 20px;
    padding: 10px;
    background: #eee;
    border-radius: 20px;
    width: 30%;
}

#messages li:nth-child(odd) {
    background: #99ff66;
}

article.iv form {
    float: center;
    width: 100%;
}

article.iv form input {
    border: 0;
    padding: 10px;
    outline: none;
    width: 80%;
}

article.iv form button {
    width: 20%;
    background: #eee;
    border: solid 2px #FFF;
    padding: 10px;
    border-radius: 10px;
    font: 16px;
}