canvas{
    padding: 0;
    margin: auto;
    display: block;
    width: 800px;
}
body {
color:black;
background-color:white;
}
p {
  font: italic small-caps bold 16px/2 cursive;
  font-size: 50px
}
a {
border: inset 5px purple;
padding: 8px;
border-radius: 0 10px 10px 10px;
color: white;
background-color : black;
transition-duration: 0.4s;
}
a:hover{
  background-color: #dddddd;
  color: black;
}
h1 {
  border: inset 5px purple;
padding: 8px;
border-radius: 0 10px 10px 10px;
color: white;
background-color : black;
font-size: 45px
}
.button {
  background-color: #4CAF50; 
  border: 2px solid #3e8d32;
  color: white;
  padding: 20px 45px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  border-radius: 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.button:hover {
  background-color: #ffffff;
  color: black;
}
.button:active {
  background-color: #ffffff;
  transform: translateY(3px);
}