@charset "UTF-8";

body {
  background-color:#fff0f5;
  font-family:'Verdana';
  color:#6a3950;
  background-image:url(https://img.mfcimg.com/photos2/216/21612738/724-978-959-625-14455737.jpg);
  background-size:cover;
  background-attachment:fixed;
  background-blend-mode:none;
}

.profile_section_content {
  background-color:rgba(255,245,250,0.95);
  color:#6a3950;
  padding:1rem;
  margin-bottom:1rem;
  border-radius:5px;
  box-shadow:0 4px 8px rgba(0,0,0,0.1);
/* Более выразительная тень */
}

.profile_section_background {
  background-color:rgba(255,245,250,0.85);
  box-shadow:0 2px 4px rgba(0,0,0,0.06);
/* Слегка усиленная тень для фонового блока */
}

.img_radius_shadow {
  border-radius:5px;
  box-shadow:0 4px 8px rgba(0,0,0,0.1);
/* Усиленная тень для изображений */
}

.profile_section_content .heading {
  background-color:#e6b2c6;
  color:#ffffff;
  font-size:1.25rem;
  padding:.5rem;
  border-radius:3px;
  font-weight:bold;
  box-shadow:0 2px 5px rgba(0,0,0,0.12);
/* Добавление тени к заголовкам */
}

.content {
  padding:1rem;
  font-size:.9rem;
  line-height:1.6;
  box-shadow:0 1px 3px rgba(0,0,0,0.1);
/* Нежная тень для текстового контента */
}

.my_mfc_news_feed {
  height:330px;
  overflow-y:auto;
  box-shadow:0 2px 4px rgba(0,0,0,0.05);
/* Тень для блока новостей */
}

button,.button {
  background-color:#e6b2c6;
  color:#ffffff;
  border:none;
  padding:.75rem 1.5rem;
  border-radius:5px;
  text-transform:uppercase;
  cursor:pointer;
  transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;
/* Добавление переходов для цвета и тени */
  font-style:italic;
  box-shadow:0 4px 6px rgba(0,0,0,0.15);
}

button:hover,.button:hover {
  background-color:#d191a9;
/* Светло-темный оттенок при наведении */
  color:#ccced0;
/* Светлый серый цвет текста при наведении */
  text-shadow:1px 1px 2px rgba(0,0,0,0.5);
/* Добавление тени к тексту для большей читаемости */
  box-shadow:0 6px 8px rgba(0,0,0,0.2);
/* Более глубокая тень при наведении */
}

a:link,a:active,a:hover {
  color:#e6b2c6;
/* Светло-розовый для ссылок */
  transition:color .3s ease,text-shadow .3s ease;
/* Плавный переход для цвета и тени текста */
  text-decoration:none;
/* Убираем подчеркивание по умолчанию */
}

a:hover {
  color:#ccced0;
/* Светлый серый цвет текста при наведении */
  text-shadow:1px 1px 2px rgba(0,0,0,0.5);
/* Добавление тени к тексту для большей читаемости */
  text-decoration:underline;
/* Добавление подчеркивания при наведении */
}

a:visited {
  color:#d191a9;
/* Немного темнее для посещенных ссылок */
}

.status-bar,.label,.label:hover,.profile-section-background {
  background-color:#e6b2c6;
  color:#ffffff;
}

/* Стили для всей полосы прокрутки */
::-webkit-scrollbar {
  width:10px;
/* Ширина полосы прокрутки */
  background-color:#f9f9f9;
/* Цвет фона полосы */
}

/* Стиль для дорожки (track) полосы прокрутки */
::-webkit-scrollbar-track {
  box-shadow:inset 0 0 5px grey;
/* Тень внутри дорожки */
  border-radius:10px;
/* Закругление углов дорожки */
  background-color:#f9f9f9;
/* Цвет фона дорожки */
}

/* Стиль для ползунка (thumb) полосы прокрутки */
::-webkit-scrollbar-thumb {
  border-radius:10px;
/* Закругление углов ползунка */
  box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
/* Тень внутри ползунка */
  background-color:#e6b2c6;
/* Цвет фона ползунка, светло-розовый */
}

/* Стиль для ползунка при наведении */
::-webkit-scrollbar-thumb:hover {
  background-color:#d191a9;
/* Темнее при наведении */
}