body {
    background-color: black;
    background-image: url("images/cat-eyes.png");
    background-size:100%;
    background-repeat: no-repeat;
}

#app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    margin-top: 10em;
}

#box {
    width: 8rem; 
    height: 8rem;
}

#cat {
    height: 20rem; 
    margin-top: 4em;
}

.closed {
    color: antiquewhite;
}
.open {
    color: black;
}

.jitter {
	display: inline-block;
	animation: jitter 0.33s infinite alternate;
}

@keyframes jitter {
	  0% { transform: rotate( 0deg); }
	 33% { transform: rotate( 3deg); }
	 67% { transform: rotate(-3deg); }
	100% { transform: rotate( 0deg); }
}