body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh; /* 페이지가 최소 화면 높이에 맞게 */
    margin: 0;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.wordcounter{
    flex-grow: 1; /* 남은 공간을 채우도록 설정 */
    text-align: left;
    background-color: white;
    margin: 40px auto;   
}
.highlight {
    background-color: yellow; /* 플래그로 사용할 배경색 */
}
#editableDiv {
    border: 1px solid #ccc;
    min-height: 200px;
    padding: 5px;
    width: 700px;
    min-width: 150px;
}
#editableDiv:focus {
    outline: none;
}

#counterContents {
    padding-left: 20px;
    padding-right: 20px;
    display: flex; /* Flexbox 레이아웃 사용 */
    flex-wrap: wrap; /* 요소들이 너무 많으면 다음 줄로 넘김 */
    align-items:flex-end; /* 세로축에서의 중앙 정렬 */
    gap: 20px; /* 요소들 사이의 간격 */
}

#title {
    padding: 20px;
}