<style>

.yname{
display: inline-block;
width: 100%;
padding: 10px;
line-height: 1;
border: 1px solid #999;
box-sizing: border-box;
background: #f2f2f2;
margin: 0.5em 0;
height: 6em;
font-size: 5px;
}

.yname4{
display: inline-block;
font-size: vh 100;
width: 100%;
height: 1em;
}

.p {
	display: inline-block;
}

.yname3{
display: inline-block;
width: 100%;
line-height: 1;
font-size: vh 100;
height: 1em;
}

.message{
display: inline-block;
width: 100%;
line-height: 1;
border: 1px solid #999;
box-sizing: border-box;
background: #f2f2f2;
}

.message2{
display: inline-block;
width: 100%;
line-height: 1;
border: 1px solid #999;
box-sizing: border-box;
background: #f2f2f2;
height: 3em;
font-size: 50px;
}

.bot1{
font-size: 100px;
}

.bot2{
color: #0000AA; 
}

.bothr{
border: 5px solid 10px #FF0000;
}

</style>