html,body{
                border:none; padding:0; margin:0;
                background:#FFFFFF;
                color:#202020;
        }
        body{
                text-align:center;
                font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
                font-size:14px;
                color:#000000;
        }
        h1{
                color:#404040;
        }

        #lsLogo {
                right: 0;
        }
        #startStopBtn:hover{
                box-shadow: 0 0 2em rgba(0,0,0,0.1), inset 0 0 1em rgba(0,0,0,0.1);
                cursor:pointer;
        }
        #startStopBtn.running{
                background-color:#FF3030;
                border-color:#FF6060;
                color:#FFFFFF;
        }
        #startStopBtn:before{
                content:"Start";
        }
        #startStopBtn.running:before{
                content:"Abort";
        }
        #test{
                margin-top:2em;
                margin-bottom:12em;
        }
        div.testArea{
                display:inline-block;
                width:16em;
                height:12.5em;
                position:relative;
                box-sizing:border-box;
        }
        div.testName{
                position:absolute;
                top:0.1em; left:0;
                width:100%;
                font-size:1.4em;
                z-index:9;
        }
        div.meterText{
                position:absolute;
                bottom:1.55em; left:0;
                width:100%;
                font-size:2.5em;
                z-index:9;
        }
        div.meterText:empty:before{
                content:"0.00";
        }
        div.unit{
                position:absolute;
                bottom:2em; left:0;
                width:100%;
                z-index:9;
        }

        div.fntIcon {
                margin-top:-15px;
        }

        div.testArea canvas{
                position:absolute;
                top:0; left:0; width:100%; height:100%;
                z-index:1;
        }
        div.testGroup{
                display:inline-block;
        }
        #shareArea{
                width:95%;
                max-width:40em;
                margin:0 auto;
                margin-top:2em;
        }
        #shareArea > *{
                display:block;
                width:100%;
                height:auto;
                margin: 0.25em 0;
        }
        @media all and (max-width:65em){
                body{
                        font-size:1.5vw;
                }
        }
        @media all and (max-width:40em){
                body{
                        font-size:0.8em;
                }
                div.testGroup{
                        display:block;
                        margin: 0 auto;
                }
        }

        .btn-primary{
                background-color:#0033a0;
                border-color:#0033a0;
        }

        .popover-body{
                line-height:15px;
                font-size:13px;
                text-align:center;
        }

        .infoIcon i.fa{
                cursor:pointer;
                width:12px;
        .infoIcon {
                margin-top:-20px;
        }