body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: top;
    height: 100vh;
    background-color: #ffc901;
    padding: 20px;
}

#word-selector {
    margin-bottom: 40px; /* 增加下拉式選單與按鈕之間的間距 */
}

.container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 90vw; /* 設定容器寬度為80%視窗寬度 */
}

.button-row {
    display: flex;
    justify-content: space-between; /* 使按鈕均勻分配空間 */
}

.word-button {
    flex: 1; /* 使按鈕平分可用空間 */
    height: 150px; /* 設定按鈕高度 */
    font-size: 44px;
    margin: 0 10px; /* 設定按鈕左右間距 */
    color:rgb(40, 110, 241);
}