body {
	background-color: #0a1625;
	background-image: url(img/saltspoon.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	color: #cdd3ca;
	background-position: center 45em;
	text-align: center;
}

.text-wrapper {
    margin-top: 2em;
    position: relative;
    transform: rotate(360deg);
    transition: transform .5s cubic-bezier(0.2, 0.51, 0.33, 1.2), 
                top .5s cubic-bezier(0.2, 0.51, 0.33, 1.2);
    top: -20em;
    text-shadow: 1px 1px 3px #0a1625;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    transition: background-position .5s cubic-bezier(0.2, 0.51, 0.33, 1.2);
}

body.active .text-wrapper {
    top: 0;
    transform: rotate(0);
}

body.active {
    background-position: bottom;
}