html, body, form {
    min-height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

/*Create a div with class "wrapper" around the content to center the document*/
.wrapper{
    width: 90%;
    min-height: 100%;
    border: solid 2px black;
    margin: auto;
    text-align: center;
    font-family: 'Pacifico', cursive;
	font-size: 25px;
	color: #FFF;
    /*Adding extra padding to clear the google add*/
    padding-bottom: 100px;
    overflow: auto;
}

.paperBackground {
    background-color:blue;
    background-image: url("https://www.transparenttextures.com/patterns/cardboard-flat.png");
    /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

.aButton {
    padding: 10px 40px;
    /*margin: 0px 10px 10px 0px;*/
    border-radius: 10px;
    font-family: 'Pacifico', cursive;
    font-size: 25px;
    color: #FFF;
    text-decoration: none;
    background-color: #82BF56;
	border-bottom: 5px solid #669644;
	text-shadow: 0px -2px #669644;
}

.aTextbox {
    
    margin: 20px 20px 20px 20px;
    border-radius: 10px;
    font-family: 'Pacifico', cursive;
    font-size: 25px;
    text-decoration: none;
    color: #82BF56;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: 0px !important;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: 0px !important;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: 0px !important;
}

.aButton:active {
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
    border-bottom: 1px solid;
    margin-bottom: 5px;
}

.aButton:focus {
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
    border-bottom: 1px solid;
    outline: none;
}

.aTextbox:focus {
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
    border-bottom: 0px solid;
    outline: none;
}

/*To use this google ad block, create a new div titled "googleAd"
    the block will hover at the bottom of the page at all times.
*/
#googleAd
{
    width: 100%;
    height: 100px;
    background-color: black;
    position: fixed;
    bottom: 0;
    color: white;
    text-align: center;
}