body {
  background-color: #fff;
  display: flex;
  justify-content: center;
  /* background-image: url('bg_speed.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover; */
}

.rounded-div {
  margin: 25px 50px 25px 50px;
  width: auto;
  height: auto;
  background-color: #fff;
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
  border-radius: 25px;
  padding: 50px;
  }

body{
  text-align:center;
  font-family:"Roboto",sans-serif;
}

#startStopBtn{
  display:inline-block;
  margin:0 auto;
  color:#f1f2f2;
  background:linear-gradient(45deg, #d60013, #fd0017);
  border-radius:0.3em;
  transition:all 0.3s;
  box-sizing:border-box;
  width:8em; height:3em;
  line-height:2.7em;
  cursor:pointer;
  box-shadow: 0 0 0 rgba(0,0,0,0.1), inset 0 0 0 rgba(0,0,0,0.1);
}

#startStopBtn:hover{
  background: linear-gradient(45deg, #323232, #545454);
  box-shadow: 0 0 2em rgba(0,0,0,0.1), inset 0 0 1em rgba(0,0,0,0.1);
}

#startStopBtn.running{
  background-color:#FF3030;
  border-color:#FF6060;
  color:#FFFFFF;
}

#startStopBtn:before{
  content:"Start";
}

#startStopBtn.running:before{
  content:"Stop";
}

#ipArea {
  color:#323232;
  font-weight:bold;
}

#ip {
  color:#545454;
  font-weight:normal;
}

/* #test{
  margin-top:2em;
  margin-bottom:12em;
} */

div.testArea{
  color:#545454;
  display:inline-block;
  width:14em;
  height:9em;
  position:relative;
  box-sizing:border-box;
}

div.testName{
  color:#323232;
  position:absolute;
  top:0.1em; left:0;
  width:100%;
  font-size:1.4em;
  z-index:9;
}

div.meterText{
  position:absolute;
  bottom:1.5em; left:0;
  width:100%;
  font-size:2.5em;
  z-index:9;
}

#dlText{
  color:#ff0000;
}

#ulText{
  color:#FF3030;
}

#pingText,#jitText{
  color:#FF6060;
}

div.meterText:empty:before{
  color:#32323232 !important;
  content:"• • •";
}

div.unit{
  position:absolute;
  bottom:2em; left:0;
  width:100%;
  z-index:9;
}

div.testGroup{
  display:inline-block;
}

@media all and (max-width:65em){
  body{
    font-size:20px;
  }
}

@media all and (max-width:40em){
  body{
    font-size:10px;
  }
  div.testGroup{
    display:block;
    margin: 0 auto;
  }
}