@charset "UTF-8";
/* CSS Document */

#wordbox {
    /*opacity: 0;*/
    margin: 0 auto 10px auto;
    display: block;
    width: 80%;
    height: 80px;
    font-size: 30px;
    text-align: center;
	border: solid 5px #000;
	border-radius: 15px;
    color: #000;
    transition: 1s linear;
	font-family: "Capriola", sans-serif;
}

#button {
  background: #D2A80E;
    border: 0;
    color: #000000;
    font-size: 30px;
	height: 80px;
    padding: 10px 50px;
    cursor: pointer;
    margin: 0 auto 60px;
    display: block;
    text-align: center;
    border-radius: 15px;
    font-weight: bold;
	font-family: "Capriola", sans-serif;
}

#button:hover {
	background: #f8df81;
	transition:  0.5s ;

}

@media only screen and (max-width: 1259px) {
	
	}

@media only screen and (max-width: 942px) {
	
	
	}

@media only screen and (max-width: 801px) {

#wordbox {
    font-size: 20px;
	width: 90%;
	margin: 0 auto;
}
	
	#button {
    margin: 0 auto 30px;
}
	
	}