.catchme {
color: #fff;
background-color: #0181D2;
background: linear-gradient(175deg, #0181D2 0 78%, #FEC602 58% 100%);
text-wrap: balance;

	h1 {margin-block: 0.5lh 0;font-style: italic;font-weight: 400;}
	h2 {margin-block: 0.5lh 1lh;font-style: italic;font-weight: 200;}
}

.catchme svg {width: 100%;}

#frank {animation: frank-bounce 0.35s ease-in-out infinite alternate;}
#carl {animation: carl-bounce 0.45s ease-in-out infinite alternate;}

@keyframes frank-bounce {
  from {
    translate: 0 0;
  }
  to {
    translate: 4px -4px;
  }
}

@keyframes carl-bounce {
  from {
    translate: -4px 0;
  }
  to {
    translate: 4px -4px;
  }
}