.toast {
  max-width: 8%;
  height: auto;
  max-height: 10%;
  animation: flinging ease-in-out infinite 1.6s;
  display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
     margin-left: 70%;
    top: 13%;
}
.toast__wings {
  animation: wings-flapping linear infinite 0.4s;
  transform-origin: center 85%;
  pointer-events: none;
}
.toast__eyes {
  animation: blink linear infinite 2s;
  transform-origin: 15px;
}
@keyframes flinging {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15%);
  }
}
@keyframes wings-flapping {
  0%, 100% {
    scale: 1 1;
  }
  50% {
    scale: 1 0.8;
  }
}
@keyframes blink {
  0%, 90% {
    scale: 1 1;
  }
  100% {
    scale: 1 0;
  }
}
.about-title {
	font-size: 7.5rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
	white-space: nowrap;
	
	background: linear-gradient(
		to bottom,
		#4ccccb 30%,
		rgba(255, 255, 255, 0) 76%
	);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

body.dark-theme .about-title {

   font-size: 7.5rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
	white-space: nowrap;
	
	background: linear-gradient(
		to bottom,
		#4dd683 30%,
		rgba(255, 255, 255, 0) 76%
	);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}