HCDE 438

index.HTML

<main>
  <h1>Hello World!</h1>

  <button class="button">
  Ded 💀💀💀
  </button>
  
</main>

style.CSS

body{
  font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  background:linear-gradient(145deg, rgb(0, 100, 109) 42%, rgb(65, 28, 206)) 0% 0% / cover; 
  color:white;
  position: relative;
}
h1{
  color:white;
}

.button {
    padding: 20px
    margin: 5em;
}

.button:hover {
  transform: scale(2);
}

.button:focus {
    background: Black;
    color: green;
    transform: rotate(180deg);
}