<!-- 


.btn {
  border: 3px solid black;
  background-color: inherit;
  color: black;
  width: 100%;
  
  cursor: pointer;
  text-align: center;
}

/* Green */
.top {
  border-color: #4CAF50;
  color: green;
  ;
}

.top:hover {
  background-color: #4CAF50;
  color: white;
}

/* Blue */
.home {
  border-color: #2196F3;
  color: dodgerblue;
  
}

.home:hover {
  background: #2196F3;
  color: white;
}

/* Orange */
.index {
  border-color: #ff9800;
  color: orange;

}

.index:hover {
  background: #ff9800;
  color: white;
} 


/* Purple */
.back {
  border-color: #CC33FF;
  color: purple;
}

.back:hover {
  background: #CC33FF;
  color: white;
} 


/* Red */
.feedback {
  border-color: #f44336;
  color: red;
  
}

.feedback:hover {
  background: #f44336;
  color: white;
}  

/* Gray */
.facebook {
  border-color: #e7e7e7;
  color: black;
}

.facebook:hover {
  background: #e7e7e7;
}


/* Float a button insert in body <div class="fab"> image or text </div> */
	 
	 .fab  {            
           position: fixed;
           right: 20px;
           bottom: 20px;
		   text-align : center;
		   font-size: 10pt;
           }
 
     .fab:hover {
           box-shadow: 0 6px 14px 0 #666;
           transform: scale(2.25);
		   position: fixed;
           right: 50px;
           bottom: 120px;
                }


	 .enlarge3:hover {
	                  transform:scale(6,6);
	                  transform-origin: "center" ;
	                 }
  	
  	
 /* Float a button insert in body <div class="link"> image or text </div> */
	 
	 .link  {            
           position: fixed;
           right: 20px;
           top: 20px;
		   text-align : center;
		   font-size: 10pt;
           margin-left: 0%; margin-right: 0%;
		  }
 
     .link:hover {
           box-shadow: 0 6px 14px 0 #666;
           transform: scale(1.05);
           }
 



-->