/* Applies to the entire body of the HTML document (except where overridden by more specific
selectors). */
body {
  margin: 25px;
  color: black;
  background-color: rgb(244, 255, 244);
  font-family: arial, sans-serif;
  font-size: 20px;
}

div { 
  display: block;
}

/* Applies to all <h1>...</h1> elements. */
h1 {
  font-size: 25px;
  color: green; 
  font-weight: bold;
  margin-top: 5px;
}


/* Applies to all <h2>...</h2> elements. */
h2 {
  font-size: 15px;
  color: black;
  font-weight: normal;
  margin-top: 5px;
}

/* Applies to all <h3>...</h3> elements. */
h3 {
  font-size: 10px;
  color: black;
  font-weight: normal;
  margin-top: 5px;
}

/* Applies to all elements with <... class="someclass"> specified. */
.someclass { color: red; }

/* Applies to the element with <... id="someid"> specified. */
#someid { color: green; }

text1 { 
	font-size: 40px;
	color: green; 
}

.text2 {
  font-size: 20px;
  color: navy;
}

.bright {
  font-size: 35px;
  color: orange;
  font-family: Arial;
}

.bubble {
  font-size: 90px;
  color: red;
  font-family: Arial;
}

.container {
  font-size: 20px;
  color: black;
  font-family: Arial;
}