@charset "utf-8";

/*도트 폰트*/

@font-face {
    font-family: 'DOSIyagiMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/DOSIyagiMedium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

:root {
	--font:'DOSIyagiMedium';
	--color:black;
	--background:gray;
}


/*전광판 위치*/
.bottom_speaker {
	position: fixed;
	bottom:0; /*하단에 고정*/
	left:0;
	width: 100%;
	height:30px;
	line-height: 100%;
	display: flex;
	align-items: center;
}

.bottom_speaker * {font-family: var(--font); font-size: 16px; line-height: 100%;}



/*전광판 제목,본문*/
.bottom_speaker .title {background-color: var(--background); border-radius: 50%; padding:5px; color:var(--color);}
.bottom_speaker .content {margin-right: 50px; display: inline-block;}

/*전광판 입력칸*/
#contentForm button { background-color: var(--background); color:var(--color); border-radius: 10px; padding:3px 8px;}
#contentForm  {display: flex;justify-content: center; }