* {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    html,
    body {
        width: 100%;
        margin: 0 auto;
        height: 100%;
    }

    body {
        padding: 25px 25px;
    }

    .audio {
        display: none
    }

    .buttons {
        margin: 15px 0;
    }

    .buttons>div {

        min-width: 60px;
        width: auto!important;
        height: 45px;
        line-height: 45px;
        margin-bottom: 10px;
        color: #fff;
        text-align: center;
        padding: 0 8px;
        border-radius: 5px;
    }

    .buttons>div:nth-child(1) {
        background: #ace;
    }

    .buttons>div:nth-child(2) {
        background: #ff0000;
    }

    .buttons>div:nth-child(3) {
        background: #4CAF50;
    }

    .buttons>div:nth-child(4) {
        background: #008CBA;
    }

    .buttons>div:nth-child(5) {
        background: #555555;
    }

    .buttons>div:nth-child(6) {
        background: #e7e7e7;
    }