@charset "utf-8";
/* CSS Document */
.name
{
	text-align:center;
	border-style:solid;
	border-radius:5px;
	background-color:rgb(132,83,34);
	padding:3px;
	color:#FFF;
	/*border-color:rgb(0,0,0);*/
}
.mess
{
	color:#FFF;
}
.fish
{
	text-align:center;
	border-style:solid;
	border-radius:5px;
	background-color:rgb(0,153,102);
	padding:3px;
	color:#FFF;
}


textarea {
	text-shadow: 2px 2px 1px black;
	color: #F93;
	font-size: 1.3rem;
	border: none;
	background: none;
	outline: none;
}


textarea:focus {
   outline: none;
}

textarea::selection {
    background-color: transparent;
}

.noselect {
	cursor: default;
   -webkit-user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
   -webkit-user-drag: none;
   -khtml-user-drag: none;
   -moz-user-drag: none;
   -o-user-drag: none;
   user-drag: none;
   pointer-events: none;
}

.c3htmlwrap {
    border: 1px solid #636363;
    box-shadow: inset 2px 3px 15px rgb(0 0 0 / 76%);
}

canvas{
	border-image-slice: 150 108;
    border-image-width: 150px 20px 158px 20px;
    border-image-outset: 147px 18px 155px 18px;
    border-image-repeat: stretch repeat;
    border-image-source: url(./bg-9path.webp);
    border-style: solid;
	border-width: 0;
}