body {
	background-color:rgb(196, 228, 53);
/*	border: 8px solid blue; 
	display: flex;   */
	justify-content: center;
	}
   h1 {
        color:brown;
        font-size:200%;
        text-align: center;
       }

    h2 {
        color:brown;
        font-size:150%;
        text-align: center;
        }
    h3	{
        color:blue;
        font-size:80%;
        text-align: center;
        }
    h4 {
	color:blue;
	font-size:80%;
	text-align: center;
        }
    h5{
        color:darkolivegreen
        font:size 80%;
        text-align:picture-in-picture
       }

/*    .outer {
  border: 5px solid black;
}
*/


.button1 {
	position: fixed
	bottom: 50px;
	right: 30px:
	height: 100px;
	width: 500px;
	border-radius: 25px;
	backgroundcolor: #3488db;
	padding: 5px;
	border: 2px solid white;
	border-radius: 50px;
	font-size: 25pt;
	cursor: pointer;
       }
.button1:hover {
	background-color: grey;
	}

div {
 /* background-color: lightgrey; */
 
  border: 5px solid green;
  padding: 5px;
  margin: 5px;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  border-bottom: 10px solid #3499db;
  border-left: 3px red;
  border-right: 2px yellow
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
   /* Safari */
  animation: spin 2s linear infinite;
}


/* Safari 
  @-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
*/
/*
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
*/

/*
a:link, a:visited {
  background-color: powderblue;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: darkblue;
}
*/