@font-face{
	font-family:Genshin;
	src:url(fonts/ja-jp.ttf)
}

body{
	background-color:green;
	width:100%
}
.bubble{
	font-family:Genshin;
	padding-left:10px;
	padding-right:10px;
	background-color:white;
	min-width:20px;
	min-height:50px;
	max-width:100%;
	float:left;
	margin:10px;
	border:solid 5px;
	border-color:black;
	text-align:left;
	clear:both;
	border-radius:10px;
	display:inline-block;
	word-break:break;
	white-space:pre-wrap;
}
.speech{
	text-align:left;
	float:left;
	width:100%
}
.button-area{
	position:absolute;
	padding-top:200px;
	clear:both;
	float:center;
	width:300px;
}
button{
	width: 100px;
	height: 25px;
}
.speechbox{
	clear:both;
	min-width:200px;
	min-height:200px;
}
#apply{
	clear:both;
}
#triangleslide{
	width: 208px;
}
#triangledrag{
	clear:both;
	width:20px;
	height:50px;
	margin-top:20px;
	margin-left:0px;
	position:absolute;
	
}
.triangle-down {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 30px solid #FFFFFF;
	clear:both;
	float:left;
	margin-left:-6px;
	margin-top:0px;
	position:absolute;
}
.triangle-down2 {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 36px solid #000000;
	clear:both;
	float:left;
	margin-top:0px;
	margin-left:-11px;
	position:absolute;
}