html, body{
padding:0;
margin:0;
display: block;
width:100%;
height:100%;
font-family: 'ARCADER';	
overflow: hidden;
position: relative;	
background:#000;
color:#fff;
}
object {
display: block;
padding: 0;
width: 65%;
height: 100%;
margin: 0 auto;
}
button {
padding: 10px;
border: none;
background: #efff00;
border-radius: 67px;
color: #333;
cursor: pointer;
width: 20%;
font-size: 1vw;
outline: none;
transform: scale(0.9);	
transition: all 0.3s ease;	
font-family: 'ARCADER';	
}
button:hover {
transform: scale(1.1);
transition: all 0.3s ease;
}

.hidden{
display:none;
}
footer{
margin:20px;
padding:10px;
position:fixed;
bottom:0;
left:0;
width:100%;
text-align:center;
}
footer button{
margin:0;
padding:20px;
font-family: 'ARCADER';		
}
footer button#stop_walk{
background:#ff0000;		
}
object#blue_dog {
position: absolute;
overflow: hidden;
transform: translate(12%, 35%);
top: 0;
left: 0;
width: 30%;
height: 100%;
}
navigation.go-home a {
margin: 10px;
position: absolute;
padding: 30px 20px 0px 18px;
width: 80px;
height: 80px;
background: rgb(223 223 223 / 8%);
border-radius: 100px;
color: #fff;
cursor: pointer !important;
z-index: 1000;
vertical-align: middle;
font-size: 14px;
text-align: center;
text-decoration: none;
transition: all 0.1s linear;
}
navigation.go-home a span{
display: block;
font-size: 10px;
}
navigation.go-home a:hover {
transform:scale(1.15);
transition: all 0.1s linear;	
}	
.hidden{
/*	display:none;*/
}
svg#the-road {
width: 100vw;
height: 100vh;
transform: translate(-50%, 0%) scale(1);
position: absolute;
top: 0%;
left: 50%;
overflow: hidden;
transform-origin: center center;	
}
svg#dashboard-total {
width: 100vw;
height: 100vh;
transform: translate(-50%, 11%) scale(1);
position: absolute;
bottom: 0;
left: 50%;
overflow: hidden;
}
.timer{
display:block;
position:absolute;
top:0;
right:0;
width: 33%;	
text-align: right;
margin: 20px;	
font-size: 2vw;	
}
.btn {
float: left;
}
section.container {
display: block;
}	
.btn.active {
background: #00ff1f;
}	
#btn-0.btn.active {
background: #ff3333;
}