:root {
    --background-color: #fff;
    --text-color: #000;
    --button-bg-color: #424549;
    --button-text-color: #fff;
    --button-hover-bg-color: #282b30;
}

[data-theme="dark"] {
    --background-color: #1e2124;
    --text-color: #fff;
    --button-bg-color: #282b30;
	--button-text-color: #fff;
    --button-hover-bg-color: #424549;
}
.user-details {
    text-align: left;
    margin: 0 auto;
    max-width: 400px;
    font-size: 16px;
    line-height: 1.6;
}

.user-details p {
    margin: 5px 0;
}

.user-details strong {
    color: var(--button-hover-bg-color);
}
#email-edit-container {
margin: auto;
}
.email-edit-container {
	margin-top: 10px;
    margin: auto;
    padding: 20px;
    border-radius: 8px;
    color: var(--text-color);
    font-family: Arial, sans-serif;
}

.email-edit-container.hidden {
    display: none;
}

.email-edit-container form {
    width: 100%;
	max-width: 400px;
	margin: auto;
}
#edit-email-btn{
	display: block;
}
#edit-email-btn.hidden{
	display: none;
}