html, body{
	padding:0;
	margin:0;
	display: block;
	width:100%;
	height:100%;
	font-family: 'ARCADER';	
    overflow: hidden;
    position: relative;
	Background:#000000;
}
html, body{
	padding:0;
	margin:0;
	display: block;
	width:100%;
	height:100%;
	font-family: 'ARCADER';	
    overflow: hidden;
    position: relative;	
}
object {
    display: block;
    padding: 0;
    width: 65%;
    height: 100%;
    margin: 0 auto;
}
button {
    padding: 10px;
    border: none;
    background: #0fcc0f;
    border-radius: 67px;
    color: #fff;
    cursor: pointer;
    width: 17%;
    font-size: 1vw;
	outline: none;
transform: scale(1);	
transition: all 0.3s ease;	
}
button:hover {
transform: scale(1.15);
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%;
}

g#btn-plus:hover g#btn-increase-time path, g#btn-minus:hover g#btn-decrease-time path {
    fill: #B2370D !important;
	transition: all 0.3s ease;
}
g#btn-start:hover g#block-start path {
    fill: #0fad0f !important;
	transition: all 0.3s ease;
}
g#btn-stop:hover g#block-stop path {
    fill: #cd3b09 !important;
	transition: all 0.3s ease;
}