@charset "UTF-8";

body {
  background:#1c1c1c;
/* Solid dark background */
  color:#ffffff;
/* White for high contrast */
  font-family:'Open Sans',sans-serif;
/* Modern, readable font */
  font-weight:400;
  font-size:16px;
  line-height:1.6;
  background-attachment:fixed;
  background-repeat:no-repeat;
}

/* Links with rose accents */
a:link,a:active,a:hover {
  color:#ff6b81;
/* Rose */
  text-decoration:none;
  transition:color .3s ease,text-shadow .3s ease;
}

a:hover {
  color:#ff8c94;
  text-shadow:0 0 5px rgba(255,107,129,0.5);
}

a:visited {
  color:#ff4d79;
}

/* Main linear layout (default flow or flex column) */
.container-fluid {
  padding:20px;
  max-width:1200px;
/* Width limitation for centering */
  margin:0 auto;
/* Centering the container */
}

.row {
  display:flex;
  flex-direction:column;
/* Vertical stacking for simplicity */
  gap:20px;
/* Spacing between blocks */
  justify-content:center;
/* Centering blocks vertically */
}

/* Basic blocks ? restored to original structure */
.profile_section_content {
  color:#ffffff;
  border:2px solid #ff6b81;
/* Rose border for contrast */
  padding:15px;
  margin:15px auto;
/* Centering within the row */
  border-radius:12px;
  background-color:rgba(255,107,129,0.2);
/* Light rose */
  max-width:100%;
  transition:border-color .3s ease,box-shadow .3s ease;
}

.profile_section_content:hover {
  border-color:#ff8c94;
  box-shadow:0 0 15px rgba(255,107,129,0.5);
}

/* Section background */
.profile_section_background {
  background-color:transparent;
  background-color:rgba(255,107,129,0.1);
/* Light rose background */
  filter:alpha(opacity=10);
  opacity:.1;
}

/* Images with basic styling (no shadows) */
.img_radius_shadow {
  border-radius:12px;
  border:2px solid #ff6b81;
/* Rose border for consistency */
  transition:border-color .3s ease;
}

.img_radius_shadow:hover {
  border-color:#ffb6c1;
/* Blush pink for hover */
}

/* Headings without animation */
.profile_section_content .heading {
  padding:12px;
  background:#ff6b81;
/* Solid rose for flat look */
  color:#ffffff;
  font-family:'Open Sans',sans-serif;
  font-weight:600;
  font-size:18px;
  border-radius:8px;
  margin-bottom:15px;
}

#profile_main_photo {
  width:250px;
  display:table-cell;
  vertical-align:top;
  padding-right:10px;
}

/* Content and news with basic styling */
.content {
  padding:15px;
  background-color:rgba(255,218,185,0.2);
/* Light peach blush */
  border:2px solid #ffb6c1;
/* Blush pink border */
  border-radius:12px;
  max-width:90%;
/* Limiting width */
  margin:15px auto;
/* Centering */
}

.my_mfc_news_feed {
  width:100%;
  height:330px;
  overflow-y:auto;
  background-color:rgba(255,182,193,0.3);
/* Light blush pink background */
  border:2px solid #ff6b81;
/* Rose border */
  border-radius:12px;
  padding:10px;
  max-width:90%;
/* Limiting width */
  margin:15px auto;
/* Centering */
}

/* Call-to-action buttons (CTA) with basic styling */
.btn-custom {
  background-color:#ff6b81;
  color:#ffffff;
  border:2px solid #ff8c94;
/* Rose border for consistency */
  padding:12px 24px;
  border-radius:12px;
  margin:8px;
  transition:background-color .3s ease,border-color .3s ease;
}

.btn-custom:hover {
  background-color:#ffb6c1;
  border-color:#ff4d79;
}

/* Responsiveness for mobile devices ? vertical stack (already default) */
@media (max-width: 768px) {
  .row {
    gap:15px;
  /* Reduced spacing on mobile */
  }

  .profile_section_content,.content,.my_mfc_news_feed {
    max-width:100%;
  /* Full width on mobile */
    margin:10px 0;
  /* Reduced margins */
  }

  .heading {
    font-size:16px;
  }
}