* {
    box-sizing: border-box;
}
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
}
fieldset {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #999;
    margin-bottom: 15px;
    background-color: #fafafa;
}
fieldset:hover {
    background-color: #f5f5f5;
}
fieldset legend {
    padding: 5px 10px;
    font-size: 17px;
    background-color: #eee;
    border-radius: 6px;
    border: 1px solid #999;
}
input[type=text], input[type=password], input[type=number], textarea {
    width: 100%;
    display: block;
    margin: 5px 0;
    padding: 8px 8px;
    font-size: 15px;
    border-radius: 6px;
    border: 1px solid #999;
}
textarea {
    height: 250px;
}
input:invalid, textarea:invalid {
    border-color: red;
    background-color: #fee;
}
.buttons {
    text-align: center;
}
.buttons input {
    display: inline-block;
    padding: 10px 20px;
    background-color: #eee;
    border-radius: 6px;
    border: 1px solid #999;
}
.buttons input:hover {
    background-color: #ddd;
}
#output-holder {
    display: none;
}
a.back {
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    color: #006DBB;
}

a.back:hover {
    opacity: 0.8;
}