
All elements
* { margin: .5em 1em; }

Elements by type
main {
	border: 2px solid black;
	padding: 1em;}
h1 { font-family: Arial, sans-serif; }
h2.h21{margin-left: 60px;}
body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; }

hr {
   height: 2px;
   background-color: hsla(200, 100%, 50%, 0.792);
   border: none;
 }

blockquote {font-size:small;}

p { margin-left: 1em; }

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-radius: 15px;
  overflow: hidden;
  background-color:lightgray;
	}

   li {
   float: left;
   border-radius: 15 px;
   }


li a {
   display: block;
   color: white;
   text-align: center;
   padding: 8px;
   text-decoration: none;
	 }

li a:hover:not(.active) {
	background-color: DimGray;
   border-radius: 15px;
	}

.active {
	background-color: mediumblue;
   border-radius: 15px;
	}

.specs {
   font-style: italic;
   line-height: 150%;
   list-style-type: disc;
   border: none;
}
.donate {
	background-color: lightgreen;
   }

.button1 {
   border: none;
   color: white;
   padding: 8px 20px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   margin: 4px 2px;
   cursor: pointer;
   background-color: lightgreen;
   }


/*Additional style rules for contact.html*/
/*Hide the fieldset element's border*/
#submitmsg {
   border:none;
}

/*Disable the display of list numbering*/
#submitmsg ol {
   list-style: none;
   margin: 0;
   padding: 0;
}

/*Set width of labels to 15 percent and configure them*/
#submitmsg label {
   width:15%;
   float:left;
   text-align: right;
   margin-right: 5%;
}



Set the width of the form button
#submit {
   min-width: 80px;
}


input[type=submit] {
   width: 240px;
   background-color: #4CAF50;
   color: white;
   padding: 14px 60px;
   margin: 8px 6px;
   border: none;
   border-radius: 15px;
   cursor: pointer;
 }

 input[type=text] {
   width: 240px;  
   color: black;
   padding: 10px 30px 10px 10px;
   margin: 5px;
   border-radius: 15px;
   cursor: pointer;
   margin-top: 30 px;
 }
 input[type=email] {
   width: 240px;  
   color: black;
   padding: 10px 30px 10px 10px;
   margin: 5px;
   border-spacing: 60px 90px;
   border-radius: 15px;
   cursor: pointer;
 }
 input[type=msg] {
   width: 240px;  
   color: white;
   padding: 10px 30px 10px 10px;
   margin: 10px;
   border-radius: 15px;
   cursor: pointer;
 }

 #example1 {
   width: 240px;
   min-width: 80px;
   margin-left: 6px;
   border: 2px solid rgba(128, 128, 128, 0.826);
   padding: 10px 30px 10px 10px;

   border-radius: 15px;
 /*  box-sizing: border-box;  */
 }

 .div1 {
   width: 300px;
   height: 300px;
   border: 1px solid blue;
   box-sizing: border-box;
 }
 
 .div2 {
   width: 300px;
   height: 100px;
   padding: 50px;
   border: 1px solid red;
   box-sizing: border-box;
 }