img{
    object-fit: cover;
    margin: 5px;
}

h1{
    text-align: center;
    font-size: 100px;
    font-family: Papyrus, fantasy;
    color: #3030AA;
    opacity: 44%;
}

body{
    background: #55FF00;
    background: linear-gradient(90deg, rgba(85, 255, 0, 1) 5%, rgba(255, 0, 149, 1) 20%, rgba(140, 75, 0, 1) 40%, rgba(140, 75, 0, 1) 50%, rgba(255, 0, 149, 1) 65%, rgba(85, 255, 0, 1) 90%);

}

ol{
    font-family: 'Comic Sans MS', sans-serif;
    font-size: 33px;
    color: #D070AA;
}

header{
  font-size: 32px;
  text-align: center;
}

.styled {
  border: 0;
  line-height: 2.5;
  padding: 0 20px;
  font-size: 1rem;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 1px black;
  border-radius: 10px;
  background-color: tomato;
  background-image: linear-gradient(
    to top left,
    rgba(30, 255, 0, 0.644),
    rgba(242, 0, 250, 0.2) 30%,
    transparent
  );
  box-shadow:
    inset 2px 2px 3px rgba(51, 255, 0, 0.6),
    inset -2px -2px 3px rgba(255, 0, 221, 0.6);
}

.styled:hover {
  background-color: red;
}

.styled:active {
  box-shadow:
    inset -2px -2px 3px rgba(51, 201, 6, 0.6),
    inset 2px 2px 3px rgba(255, 0, 242, 0.6);
}