body {
        background: #FFFFFF;
        margin: 0;
        padding: 10px;
        font-family: Arial Black, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        text-decoration: none;
        font-size:27px;
        font-weight: bold;
    }

    h1 {
        color: #0000FF;
        margin: 5px 0 30px 0px;
        padding: 4px 0;
        font-size: 60px;
        text-align: center;
        font-weight: normal;
    }
    
    table {
        border-collapse: collapse;
        border: 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    table tr, table td {
        border: 0;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    
	input {
        display: block;
        padding: 40px 0;
        margin: 10px auto;
        font-size: 40px;
        text-align: center;
        width:95%;
        background: #7777FF;
        color: #000000;
        opacity: 1;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
	}
    input[disabled] {
        opacity: 0.5;
    }
    input[disabled].isPlaying {
        opacity: 1;
    }
    
    table td.foot {
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }
    table td.foot input {
        width: 100%;
    }

    @media screen and (max-width : 550px){
        input {padding: 60px 0; font-size: 28px;}
        h1 { padding: 10px 0; font-size:40px; }
	}