form > ol,
form > ol > li {
	display: block;
	margin: 0;
	padding: 0;
}
form > ol > li {
	margin: 1rem 0;
}

.container {
    width: 90vw;
    height: 60vw;
    max-height: 400px;
    max-width: 600px;
    position: relative;	
    overflow: hidden;
}

			
.scene {
    width: 90vw;
    height: 60vw;
    max-height: 400px;
    max-width: 600px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;

}
				
.screen {
    width: 45%;
    height: 28%;
    top: 15%;
    left: 28%;
    position: absolute;
    background: url(/assets/cubic.gif) no-repeat 50% 50%;
    background-size: contain;
}

.tail {
    background-image: url(catTail.png); 
    background-size: cover; 
    background-position: 0% 50%
}

.steam {
    width: 28%;
    height: 51%;
    position: absolute;
    left: 19%;
    top: 21%;
    background: url(/assets/steam.png) no-repeat 50% 50%;
    background-size: contain;
    transform-origin: bottom center;
    opacity: 0;
}

input {
	display: block;
    width: 70%;
    font-size: 1.5rem;
    height: 3.1rem;
    min-width: 250px;
    margin: 0.5rem auto 0.5rem auto;
    outline-color: #56B68B;
    color: #56B68B;
    padding: 3px 6px; 
}

button {
    background-color: #56B68B;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.5rem;
    height: 3.5rem;
    margin: 0.5rem 0;
    padding: 0;
    text-align: center;
    width: 12rem;
    
}

button:active {
    background-color: #6FCEA3;
    outline: none;
}


.credits {
    background: #777;
    color: #aaa;
    padding: 2rem;
    margin-top: 8rem;
}

.creditBlock {
    width: 100%;
    max-width: 400px;
    display: inline-block;
}

.logo {
    width: 6rem;
    height: 6rem;
    background: no-repeat 50% 50%;
    background-size: contain;
    display: inline-block;
    margin: 0 1rem;

}

a {
   color: #56B68B;  
}

a:visited {
  color: #56B68B;   
    
}