body {
	margin: 0;
	padding: 0;
	background: #ff549d;
	background: -webkit-linear-gradient(#ff549d, #d9c4ff);
	background: -o-linear-gradient(#ff549d, #d9c4ff);
	background: -moz-linear-gradient(#ff549d, #d9c4ff);
	background: linear-gradient(#ff549d, #d9c4ff);
	background-attachment: fixed;
	color: white;
	font-family: 'Dosis', sans-serif;
	font-size: 1.5em;
	text-align: center;
	vertical-align: middle;
}

.wrapper-main {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    max-width: 20em;
}

.wrapper-button {
	width: 100%;
	padding: 1em 0;
	-webkit-transition: background-color 0.5s, text-shadow 0.5s;
    transition: background-color 0.5s, text-shadow 0.5s;
    background-color: transparent;
    text-shadow: 2px 2px 0 transparent;
}

.wrapper-button:hover {
	background-color: rgba(255, 255, 255, 0.3);
	text-shadow: 1px 1px 0 #ff549d;
	cursor: pointer;
}