@font-face {
	font-family: "JoyquestSample";
	src: url("JoyquestSample.ttf");
	ascent-override: 69%;
    font-style: normal;
}

@font-face {
	font-family: "JoyquestSample";
	src: url("JoyquestSample.ttf");
	ascent-override: 69%;
    font-style: normal;
}

body {
margin: 0;
  background-image: url(buho.png), url(https://img.itch.zone/aW1nLzE1NTM0NzAzLnBuZw==/original/O6JSSj.png);
background-repeat: no-repeat, repeat;
  background-size: 35%, 25%;
  background-color: #1d3159;
  background-position: 470px 67px, -10px -126px;
}

.use-monogram {
	font-family: 'JoyquestSample', JoyquestSample;
	font-size: 32px;
	line-height: 26px;

	font-smooth: never;
	-webkit-font-smoothing: none;
	font-synthesis: none;
	filter: contrast(1);
}
.use-normal{
		font-family: 'JoyquestSample', JoyquestSample;
	font-size: 32px;
	line-height: 26px;

	font-smooth: never;
	-webkit-font-smoothing: none;
	font-synthesis: none;
	filter: contrast(1);
}

.italic {
    font-style: italic;
}

#tester-holder {
display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 442px;
  height: 176px;
  gap: 8px;
  padding: 10px 0 10px 14px;
  background: #f4f5f7;
  border-radius: 77px;
  border: 4px solid #b0a0db42;
  box-shadow: -6px 20px 0px #1c0a2245;
  margin: 30px 0px 0 18px;
}
#tester-holder::after{
content: "";
  position: absolute;
  width: 0px;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 52px solid #f4f5f7;
left: 448px;
  top: 180px;
	
}

#tester-top {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

#tester-header {
margin: 52px 0 0 70px;
  color: #6ecde8;
  user-select: none;
  width: 100%;
  position: relative;
  display: block;
  height: 10px;
}



#tester-pre {
	flex-grow: 1;
	margin: 0;
}

#tester-body {
	border: none;
	outline: none;
	box-shadow: none;
	resize: none;
	width: 100%;
	height: 100%;
	margin: 10px 0 0 0;
	padding: 5px 10px 0 0;
	background: transparent;
	color: ##919191;;
	caret-color: #c64bbe;
	text-align: center;
	font-size: 35px;

	-ms-overflow-style: none;
	scrollbar-width: none;
}

#tester-body::-webkit-scrollbar {
	display: none;
}

#tester-body::selection {
background: #29718c;
  color: #e3f0ff;
}
}