@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Merriweather');

body {
    background-color: #7711b9;
    color: white;
    font-family: sans-serif;
    padding: 50px 0 50px;
    font-family: 'Merriweather', serif;
}

.oracle
{
 	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	max-width: 900px;
    margin: 0 auto 30px;
    text-align: center;
    box-shadow: 1px 4px 17px 0px #00000063;	
}


.border
{
	border: 3px solid white;
	padding: 30px;
	
	border-radius: 20px;
}

.nowrap
{
	white-space:nowrap;
}

.border > h1:first-child {
    margin-top: -52px;
    background-color: #7711b9;
    font-size: 19px;
    margin-bottom: 0;
    display: block;
    position: absolute;
    padding: 5px 20px;
}

.bkg-dusted {
	background-image: url(../img/dust.png);
	background-position: center center;
	background-repeat: repeat;
} 

a
{
	color: white !important;
}

.oracle p {
    font-size: 30px;
    text-transform: none;
}

.navigation {
    padding: 30px 0;
    margin-top: 30px;
    border-top: 1px solid #ffffff1a;
}