.spaced-button {
    margin-bottom: 10px;
}

.button-group {
    margin-top: 20px;
}

.green-text {
    color: forestgreen;
}

.red-text {
    color: red;
}

.blue-text {
    color: dodgerblue;
}

.preserve-space {
    white-space: pre;
}

.greeting-container {
    display: flex;
    align-items: baseline; /* 垂直方向の中央揃え */
    gap: 10px; /* 要素間のスペース */
}

.greeting-text {
    font-size: 1rem;
    line-height: 1.5;
}

.logout-button {
    font-size: 1rem;
    line-height: 1.5;
    vertical-align: middle;
}

.bold-button {
    font-weight: bold;
}

.white-icon {
    color: white;
}

.logout-container {
    display: flex;
    align-items: center; /* 垂直方向の中央揃え */
    gap: 5px; /* アイコンと文字列の間隔 */
}