body {
			background-color: rgb(255, 248, 242);
			font-family: "Delius", cursive;
		}

#frame-content {
	background-color: rgb(255, 248, 242);
    background-image: none;
    padding: 20px;
	text-align: left;
    font-size: 14px;
}
#drawing-box {
    background-image: url('images/frame-border.png');
    background-size: 100%;
    width: 450px;
    height: 446px;
    background-repeat: no-repeat;
    text-align: left;
}

#drawing-frame {
    position: relative;
    top: 36px;
    left: 12px;
    width: 415px;
    height: 387px;
    border: 0px;
    overflow: hidden;
}

#about-nav-box {
    margin: 40px 0;
    border-radius: 20px;
}

#about-nav-box li {
    display: inline;
    margin: 0 10px;
}

#about-nav-box a {
    padding: 20px 20px;
    background-color: #d6eb9c;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
}

#about-nav-box a:hover {
    background-color: #748f29;
    color: white;
}

#info-box {
    border: 1px dashed rgb(109, 139, 78);
    border-radius: 20px;
    padding: 25px 20px;
    background-color: #e2f3d7;
    text-align: center;
}

#quiz-box img {
    width: 300px;
}

#big-piper {
    width: 200px;
}

@media (min-width: 500px) {        
#frame-content {
    font-size: 30px;
}
}