body {
			font-family: 'Happy Monkey', cursive;
			font-size: 18px;
			text-align: center;
			margin: 0;
			width:100%;
      height: 100%;
		}
		
		h1 {
			margin-top: 60px;
			margin-bottom: 30px;
		}

		label {
			font-weight: bold;
			margin-top: 35px;
		}

		button {
			margin-top: 35px;
			margin-bottom: 25px;
			width: 100px;
			padding: 4px;
			border: solid 1px;
			border-radius: 6px;
			background: #dd6881;
		}

		button:hover {
			font-weight: bold; 
			font-size: 15px;
		}

		#displayResult {
			font-weight: bold;
		}

		#box {
			background-color: #fff;
			width: 450px;
			height:400px;
			position: relative;
			margin-top: 45px;
			left:34%;
      border: solid 2px #000;
			border-radius: 25%;
		}
		#result {
			margin-top: 40px;
		}

@media (max-width: 815px) {
			#box {left:17%;}
}
  @media only screen and (max-width: 500px) {
			#box {left:1%;}
  }

  .article {
	padding: 5% 10% 1%;
	text-align: left;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

  }