@charset "UTF-8";

a:link,a:visited {
  color:#ff80ab;
  text-decoration:none;
  transition:all .3s ease;
}

a:hover,a:active {
  color:#ff4081;
  text-shadow:0 0 5px #ff4081,0 0 10px #ff80ab;
  transform:scale(1.05);
}

body {
  animation:backgroundCycle 40s infinite ease-in-out;
  background-size:cover;
  background-attachment:fixed;
  background-position:center;
  color:#ffffff;
  font-family:'Georgia',serif;
  font-size:14px;
  font-weight:bold;
}

@keyframes backgroundCycle {
  0% {
    background-image:linear-gradient(135deg,rgba(167,86,201,0.9),rgba(255,182,193,0.9)),url(https://img.mfcimg.com/photos2/464/46428297/299-666-919-425-14622143.jpg);
  }

  25% {
    background-image:linear-gradient(135deg,rgba(167,86,201,0.9),rgba(255,182,193,0.9)),url(https://img.mfcimg.com/photos2/464/46428297/421-483-445-997-14590291.jpg);
  }

  50% {
    background-image:linear-gradient(135deg,rgba(167,86,201,0.9),rgba(255,182,193,0.9)),url(https://img.mfcimg.com/photos2/464/46428297/352-267-599-391-14590290.jpg);
  }

  75% {
    background-image:linear-gradient(135deg,rgba(167,86,201,0.9),rgba(255,182,193,0.9)),url(https://img.mfcimg.com/photos2/464/46428297/990-224-427-136-14590286.jpg);
  }

  100% {
    background-image:linear-gradient(135deg,rgba(167,86,201,0.9),rgba(255,182,193,0.9)),url(https://img.mfcimg.com/photos2/464/46428297/830-121-129-264-14590325.jpg);
  }
}

.profile_section_content {
  background:rgba(255,255,255,0.08);
  border-radius:12px;
  box-shadow:0 8px 32px rgba(0,0,0,0.25);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  padding:15px;
  margin:15px;
  color:#ffffff;
}

.profile_section_background {
  background-color:rgba(255,255,255,0.1);
  opacity:.2;
}

.img_radius_shadow {
  border-radius:10px;
  box-shadow:0 4px 12px rgba(0,0,0,0.4);
  transition:transform .3s ease;
}

.img_radius_shadow:hover {
  transform:scale(1.05);
}

.profile_section_content .heading {
  background:linear-gradient(135deg,#ff4081,#ff80ab);
  color:#ffffff;
  font-family:'Verdana',sans-serif;
  font-size:16px;
  font-weight:bold;
  padding:10px;
  border-radius:8px;
  text-shadow:1px 1px 3px #000;
  box-shadow:0 4px 10px rgba(0,0,0,0.3);
}

.content {
  padding:10px;
}

.my_mfc_news_feed {
  width:100%;
  height:330px;
  background:rgba(0,0,0,0.2);
  border-radius:8px;
  padding:10px;
  overflow:auto;
}