h1 {
  color: rgb(243, 138, 208); 
  font-size: 32;  
  font-family: Papyrus, fantasy; 
  text-align: center; 
  background-color: white;
  margin: 100px; 
  padding: 20px;

}


.button {
  background-color: #066c19;
  color: white;
  font-size: 15px;
  padding: 12px;
  border: ;
  border-radius: 5px;
  cursor: pointer;
}

.button2 {
  background-color: #eaa0cf;
  color: white;
  font-size: 15px;
  padding: 12px;
  border: ;
  border-radius: 5px;
  cursor: pointer;
}

.button3 {
  background-color: #ffffff;
  color: grblack;
  font-size: 15px;
  padding: 12px;
  border: ;
  border-radius: 5px;
  cursor: pointer;
}

h2 {
  color: green;  
  font-family: Papyrus, fantasy;  
  text-align: center; 
  background-color: white;
  margin: 100px; 
  padding: 10px;
}
ul {
    font-family: Papyrus, fantasy;  
    text-align: center; 
    list-style-type: none; /* Optional: remove bullets */
    background-color: rgb(237, 215, 215);
    margin: 100px;
    padding: 10px;
}
h3 {
  color: rgb(243, 138, 208);  
  font-family: Papyrus, fantasy; 
  text-align: center; 
  background-color: white;
  margin: 100px; 
  padding: 10px;
}
p {
    font-family: Papyrus, fantasy;  
    text-align: center;
    background-color: white;
    margin: 100px; 
    padding-block: 50px;

}
body { 
  background: url(/test-site/images/background.jpg) repeat;
}

.colchange {
width:fit-content;
transition: .2s ease; 
color:black;
text-align: center
}

.colchange:hover:hover {
color: limegreen;
}


* {
  box-sizing: border-box;
}