body {
background-color: #f0f4f8;
}
.content {
margin: 0 auto; width: 824px;
}
.wrap-canvas {
display: inline-block; float: left;
}
.wrap-canvas canvas {
width: 400px; height: 400px;
}
.wrap-code-text {
width: 400px; height: 400px; display: inline-block; margin-left: 24px;
}
.wrap-code-text textarea {
width: 100%; height: 100%; box-sizing: border-box;
}
.exec-button {
text-align: right; width: 100%;
}
.exec-button button {
width: 200px; font-size: 24px; font-weight: bold; text-decoration: none; display: inline-block; text-align: center; padding: 8px 0 10px; color: #fff; background-color: #49a9d4; border-radius: 5px;
}
ul {
list-style: none; padding-left: 1em;
}