body {
        background-image: url('media/christine.png');
        width:100%;
        background-size: 100px 100px;
        font-family: cursive;
        color: purple;
	margin: 0;
}

h1 {
	font-size: 36px;
}

p,ul {
	font-size: 20px;
}

audio {
        filter: drop-shadow(5px 5px 10px green) invert(100%);
        width: 200px;
        height: 25px;
}

.center-parent {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
}

.center-parent > .center-child {
    display: table-cell;
    vertical-align: middle;
}

.main {
        margin: 10px;
}

.main p {
        margin: 10px;
	margin: 0;
	padding: 0;
}

.person {
	color: crimson;
	font-weight: bold;
}

.img-center {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.button-link {
	text-decoration: none;
}

.pushable {
	font-family: cursive;
	background: maroon;
        border-radius: 6px;
	border: none;
	cursor: pointer;
	outline-offset: 4px;
	margin: 10px;
	padding: 0;
}

.front {
	background: plum;
	font-size: 1.25rem;
	color: white;
	display: block;
	padding: 12px 42px;
	border-radius: 6px;
	transform: translate(-2px, -4px);
}

#flowers {
	background-image: url('media/flower.gif');
	background-repeat: round;
	background-size: contain;
	height:50px;
}

.child-div {
        width: 45%;
}

@media only screen
and (max-device-width : 800px) {
        .child-div {
                width: 100%;
                margin: 0px;
                float: none;
        }
}

.left {
        float: left;
}

.right {
        float: right;
}