body {
  background-color: #FAEDF0;
  font-family: 'Tajawal', sans-serif;
}

hr {
  border-color: black;
  border-style: none;
  border-top-style: dotted;
  border-width: 6px;
  width: 5%;
}

h1 {
  color: #F05454;
  text-shadow: 4px 5px 5px #30475E,
             2px 2px 1px #121212;

}

h3 {
  color: #F05454;


}

.frappe {
  width: 20%;
  height: auto;
}

li {
  font-weight: bold;
  color: #4b9fcc;
}
.pep {

  @supports (background-clip: text) or (-webkit-background-clip: text) {
    background-image: 
      url("data:image/svg+xml,%3Csvg width='2250' height='900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='%2300A080' d='M0 0h2255v899H0z'/%3E%3Ccircle cx='366' cy='207' r='366' fill='%2300FDCF'/%3E%3Ccircle cx='1777.5' cy='318.5' r='477.5' fill='%2300FDCF'/%3E%3Ccircle cx='1215' cy='737' r='366' fill='%23008060'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 110% auto;
    background-position: center;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }
}
.container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.thanks {
	font-size: 2vw;
	font-weight: 900;
	margin-top: 1em;
  .spy {
    display: block;
    transform: rotate(90deg);
    margin-top: .25em;
  }
}
.kiwi {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.kiwi1 {
  font-family: "Inter", sans-serif;
  font-size: 2vw;
	font-weight: 900;
	background-color: #000;
	color: #fff;
	display: block;
	padding: .5em;
}
.kiwi1:nth-child(2) {
  font-family: "Inter", sans-serif;

	position: absolute;
	background-color: #fff;
	color: #000;
	clip-path: inset(-1% -1% 50% -1%); // Added the negative values to prevent icky "bleed" in Chrome
}