body, html {
    margin: 0px;
    height: 100%;
    font-family: 'Oswald', sans-serif;
	background: #2F2F2F;
}
h1 {
    font-size: 1.6em;
	color: #ffffff;
}
.initdiv {
    display: block;
    margin: 0px auto;
    padding: 10px 0px 10px 0px;
    width: 200px;
    text-align: center;
    color: #ffffff;
    margin-top: 35px;
}
.startbtn {
    display: block;
    margin: 0px auto;
    padding: 10px 0px 10px 0px;
    background: #EFDF4D;
    width: 200px;
    text-align: center;
    color: #333333;
    cursor: pointer;
    margin-top: 35px;
    border: #EFDF4D solid thick;
}
.startbtn:hover {
    background: #C5B736;
}

.infobtn {
    margin: 0px auto;
    padding: 10px 0px 10px 0px;
    background: #EFDF4D;
    width: 200px;
    text-align: center;
    color: #333333;
    cursor: pointer;
    margin-top: 35px;
    border: #EFDF4D solid thick;
}
.infobtn:hover {
    background: #C5B736;
}
.info {
	width: 900px;
	color: #ffffff;
	margin: 0px auto;
	margin-top: 30px;
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
}

.info a {
	color: #C5B736;
}

.pb {
	width: 900px;
	color: #ffffff;
	margin: 0px auto;
	margin-top: 30px;
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
}

#resultstable {
    display: table;
    color: #ffffff;
    margin-top: 30px;
}
.mbpsres {
    font-size: 40px;
    color: #ffffff;
    width: 100%;
    text-align: center;
}
.mbpsres p {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#446e9b+1,004b9e+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff2d+1,f0f26f+100 */
background: #ffff2d; /* Old browsers */
background: -moz-linear-gradient(top, #ffff2d 1%, #f0f26f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffff2d 1%,#f0f26f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffff2d 1%,#f0f26f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff2d', endColorstr='#f0f26f',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0px;
}

.uploadverres {
	background: #ffff2d; /* Old browsers */
background: -moz-linear-gradient(top, #ffff2d 1%, #f0f26f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffff2d 1%,#f0f26f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffff2d 1%,#f0f26f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff2d', endColorstr='#f0f26f',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mbps {
    font-size: 17px;
    color: #ffffff;
    width: 100%;
    text-align: center;
}
.downresdiv {
    display: flex;
    flex-direction: column;
}
.upresdiv {
    display: flex;
    flex-direction: column;
}
#vwarealogo {
    margin: 0px auto;
    margin-top: 25px;
    width: 250px;
}
#canvas-container {
    text-align: center;
}
#progress {
    text-align: center;
}
#rtt {
    text-align: center;
}
#testbw {
    font-family: 'Oswald', sans-serif;
    font-size: 17px;
    margin: 0px auto;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    align-self: center;
    padding: 10px;
}
#bwot {
	margin: 0px auto;
	text-align: center;
	font-size: 17px;
	padding: 20px 0px 0px 0px;
}
#strtbtn {
	display: none;
}