body {
  font: normal 14pt/1.72  'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin:0;
  background-image: url("");
  background-color: #cccccc;
 }
#container {
    margin:5%;
}
#firstName, #subscribeEmail, #subscribeButton {
  font-size:15pt; 
  margin-bottom:1em;
  padding:.5em
}
#firstName, #subscribeEmail {
  width:30em;
}
#subscribeButton {
  cursor: pointer;
  background-color: #ffe573;
  border: none;
  color: black;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  border-radius: 4px;
  letter-spacing:1px;
}
#subscribeButton:hover {
  background-color: #96ff73;
}
.speech-bubble {
    font-family: 'Hachi Maru Pop', cursive;
	position: relative;
	background: #ffd4ee;
	border-radius: .4em;
	font-size:90%; 
	color:#666;
	width:15em;
	padding:.5em 1em 1.4em 1em;
	margin:1em 0 -1.2em 8%;
	z-index:-1;
}
.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 1.25em solid transparent;
	border-top-color: #ffd4ee;
	border-bottom: 0;
	border-left: 0;
	margin-left: -0.625em;
	margin-bottom: -1.25em;
}
.sloth {
margin-left:9%;
}


@media only all and (max-width: 700px) {

#firstName, #subscribeEmail {
width:90%;
}
#container {margin-top:12%}

.explain {padding:0; display:block;}

}