body{
font-family: "Times New Roman", serif;
background-color:azure;
}
h1{
text-align: center;
color: forestgreen;
margin: 30px 20px 40px 20px;
}
h2{
text-align: center;
font-size: 64px;
color: forestgreen;
margin: 30px 20px 50px 20px;
}
h3{
text-align: center;
font-size: 36px;
color: rebeccapurple;
padding: 10px;
margin: 20px 50px 20px 50px;
}
h4{
text-align: center;
font-size: 24px;
color: darkblue;
padding: 10px
margin: 20px 50px 20px 50px;
}
h41{
text-align: center;
font-size: 24px;
color: darkcyan;
font-weight: bold;
padding: 10px;
margin: 20px 100px 20px 100px;
}
.gallery{
margin: 10px 50px;
}
.gallery img{
width: 230px;
max-height: 180px;
padding: 5px;
filter: grayscale(100%);
transition: 1s;
}
.gallery img:hover{
filter:grayscale(0);
transform: scale(1.1);
}
.center{
    margin-left:auto;
    margin-right:auto;
}
.button {
  border: none;
  color: white;
  font-size: 50px;
  padding: 20px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 20px 30px;
  cursor: pointer;
  border-radius: 20px;
  transition-duration: 0.3s;
}

.button1 {background-color: #4CAF50;} 
.button2 {background-color: #008CBA;} 
.button3 {background-color: burlywood;}
.button4 {font-size: 10px;background-color: mediumaquamarine;}
.button41 {font-size: 14px;background-color: blueviolet;}
.button5 {font-size: 30px;background-color: #4CAF50;} 
.button6 {font-size: 30px;background-color: #008CBA;} 
.button7 {font-size: 30px;background-color: burlywood;}
.button8 {font-size: 30px;background-color: mediumaquamarine;}
.button9 {font-size: 30px;background-color: lightcoral;}
.button10 {font-size: 24px;background-color: orangered;}

.button:hover {
  background-color: #faa1d1; /* Green */
  color: white;
}
.p1 {
    margin-left:100px;
    margin-right:100px;
    font-size: 24px;
    color: rebeccapurple;
    padding: 10px;
}
.p2 {
    margin-left:100px;
    margin-right:100px;
    font-size: 24px;
    color: darkcyan;
    padding: 10px;
}