body {
    width: 80%;
    border: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

h1 {
    color: #ff0000;
}

h2 {
    width: 100%;
    margin: 0px;
    color: #777;
    font-size: x-large;
    font-weight: 400;
    padding: 5px;
    border-bottom: #777 1px solid;
}

#col_left {
    width: 24%;
    float: left;
}

#col_left ul {
    list-style: none;
    margin: 20px 2% 20px 2%;
    padding: 4px;
    border-radius: 10px;
    color: #fff;
    font-weight: 800;
}

#col_left li {
    padding: 10px;
}

#col_right {
    width: 64%;
    float: right;
    margin: 20px 2% 20px 2%;
}

#calc {
    width: 100%;
    margin: 10px;
}

#calc input {
    width: 300px;
}

#calc button {
    width: 56px;
    padding: 10px;
    margin: 1px;
}

video {
    width: 100%;
    font-size: larger;
}

#result {
    width: 313px;
    height: 45px;
}

.btn-red {
    background-color:#574f8b;
    color: white;
}

.btn-orange {
    background-color:lightsalmon;
}

.img-thumbnail {
    width: 30%;
    margin: 1%;
    border-radius: 5px;
}