.bg, .in { box-sizing: border-box;}

.bg {
/* for plain background */
background: #FE82B624;
/* vv for image background. remove if want plain */
background-image:url(https://dl.glitter-graphics.com/pub/3280/3280187fn0bvl7irz.jpg);
  background-repeat: repeat;
padding:12px; /* make number bigger/smaller for a bigger/smaller border */
width:50%;
border:1px solid white;
position: relative;
top: -8em;
left: 138px;
}

.in {
background: #FFF;
color: #000;
padding:5px;
border:1px solid black;
font-family: pixel;
line-height: 1.125em;
height:91px; /* set height to "height:fit-content;" to expand with text size */
overflow-y:auto; /* remove overflow if you don't want a scroll */
box-shadow: inset 13px 0 6px -10px rgb(66 66 66 / 30%), inset -13px 0 6px -10px rgb(66 66 66 / 30%), inset 0 13px 6px -10px #f0f0f0, inset 0 0 0 -10px rgb(66 66 66 / 30%);
}
.imagemask {
background-image: url("https://dl.glitter-graphics.com/pub/2965/2965909pnagjmnk38.png");
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 2em;
font-weight:bold;
width:fit-content;
margin:0 auto; /* this is to center, if needed */
/* add below if you want an outline, if not remove */
filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black);
font-family: SakeMoru;
margin-bottom: 5px;
}