.container {
  max-width: 600px;
  margin: auto;
  text-align: center;
  padding: 20px;
}

h1 {
  font-size: 40px;
  margin-bottom: 20px;
}

button {
  font-size: 20px;
  padding: 10px 20px;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  
}

.button1 {
	background-color: #7E21CF;
	width: 50%;
}

.button2 {
	background-color: #19A3E8;
	width: 50%;
}

.button3 {
	background-color: #4CAF50;
	width: 50%;
}



button:hover {
  background-image: linear-gradient(rgb(0 0 0/40%) 0 0);
}

p {
  font-size: 24px;
  margin: 20px 0;
}





body {
  font-family: Calibri, sans-serif;
}