@charset "UTF-8";

a:link,a:active,a:hover {
  color:#ff6f61;
/* bright coral accent for links */
  text-decoration:none;
  transition:color .3s ease;
}

a:visited {
  color:#d9584b;
}

body {
  background-color:#f2efe4;
/* soft earthy beige */
  background-image:radial-gradient(#d9cba3 1.5px,transparent 1.5px);
  background-size:20px 20px;
  color:#333333;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:1.6;
}

.profile_section_content {
  background:#ffffff;
  color:#333333;
  border-radius:12px;
  padding:20px;
  margin:20px auto 40px;
/* default spacing between sections */
  max-width:800px;
  box-shadow:0 6px 20px rgba(0,0,0,0.1);
  transition:transform .3s ease,box-shadow .3s ease;
}

.profile_section_content:hover {
  transform:translateY(-5px);
  box-shadow:0 12px 30px rgba(0,0,0,0.15);
}

.profile_section_background {
  background-color:transparent;
}

.img_radius_shadow {
  border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,0.15);
  transition:transform .3s ease,box-shadow .3s ease;
}

.img_radius_shadow:hover {
  transform:scale(1.05);
  box-shadow:0 12px 36px rgba(0,0,0,0.2);
}

.profile_section_content .heading {
/* forest green gradient headline */
  background:linear-gradient(135deg,#2e5939,#4a7c59);
  color:#ffffff;
  font-size:20px;
  font-weight:bold;
  padding:12px;
  border-radius:8px 8px 0 0;
  margin:-20px -20px 20px;
}

.content {
  padding:10px 0;
}

.my_mfc_news_feed {
  width:100%;
  height:330px;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,0.08);
}

/* Extra space below the entire About Me container */
#about_me_container {
  margin-bottom:80px!important;
/* force space under About Me section */
}