.text-center {
    text-align: center;
}


body {
	background: #8d98a7;
	margin: 0;
}

canvas {
	cursor: crosshair;
	display: block;
}

.card {
    background-color: #FFFFFF;
	padding: 20px 50px;
}

.main {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;

}

.audio-wrapper {
	text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.button,
.button-primary {
	cursor: pointer;
}


.notifyjs-corner {
	width: 100vw !important;
	position: fixed !important;
	margin: 0px !important;
	top: 0px !important;
	bottom: auto !important;
}



.notifyjs-corner .notifyjs-wrapper, .notifyjs-corner .notifyjs-container {
	margin: 0px!important;
}

.notifyjs-bootstrap-base {
	border-radius: 0px !important;
	background-image: none !important;
}

.notifyjs-bootstrap-base span {
	text-align: center;
    width: 100%;
    display: inline-block;
}


#full-details {
	max-width: 700px !important;
}

#yeti {
	height: 100px;
    position: absolute;
    text-align: center;
    right: -25px;
    top: -40px;
}

#yeti img {
	width: 125px;
	max-width:25vw;
}