@charset "UTF-8";

/* Alapbeállítások */
body {
  background-color:#f0f0f0;
  color:#333333;
  font-family:'Verdana',sans-serif;
  font-weight:normal;
  font-style:normal;
  font-size:14px;
}

/* Linkek */
a:link,a:active,a:hover {
  color:#ff6600;
  text-decoration:none;
  font-weight:bold;
  transition:.3s ease-in-out;
}

a:visited {
  color:#b5651d;
}

/* Profil szekció */
.profile_section_content {
  color:#333333;
  border:2px solid #ff6600;
  padding:15px;
  margin:15px;
  border-radius:8px;
  box-shadow:0 0 12px #ff6600;
  background-color:#ffffff;
  transition:.3s ease-in-out;
}

.profile_section_content:hover {
  transform:scale(1.02);
  box-shadow:0 0 15px #ff9900;
}

.profile_section_background {
  background-color:#d9d9d9;
  opacity:.95;
  padding:10px;
  border-radius:10px;
}

.img_radius_shadow {
  border-radius:10px;
  box-shadow:0 0 8px #ff6600;
}

/* Címek */
.profile_section_content .heading {
  padding:10px;
  background:linear-gradient(to right,#ff6600,#ff9900);
  color:#ffffff;
  font-size:18px;
  border-radius:8px;
  text-shadow:0 0 5px #000;
  font-weight:bold;
}

.content {
  padding:12px;
}

.my_mfc_news_feed {
  width:100%;
  height:330px;
  border-radius:10px;
  overflow:hidden;
}

/* Gombok */
.button {
  background:linear-gradient(to right,#ff6600,#ff9900);
  color:white;
  padding:14px 28px;
  border-radius:8px;
  font-size:1.1rem;
  transition:all .3s;
  display:inline-block;
  margin:12px;
  font-weight:bold;
  text-transform:uppercase;
  box-shadow:0 4px 8px rgba(0,0,0,0.2);
}

.button:hover {
  background:linear-gradient(to right,#ff9900,#ffcc66);
  color:#000;
  transform:scale(1.1);
  box-shadow:0 6px 12px rgba(0,0,0,0.3);
}

/* Kiemelt dobozok */
.feature-box {
  background:rgba(255,255,255,0.6);
  padding:20px;
  border-radius:10px;
  margin:25px auto;
  max-width:550px;
  transition:.3s;
  text-align:center;
  box-shadow:0 0 10px rgba(255,102,0,0.5);
}

.feature-box:hover {
  background:rgba(255,255,255,0.8);
  transform:translateY(-5px);
  box-shadow:0 0 15px rgba(255,153,0,0.7);
}

/* Animációs effektek */
@keyframes glow {
  0% {
    text-shadow:0 0 5px #ff6600;
  }

  50% {
    text-shadow:0 0 20px #ffcc66;
  }

  100% {
    text-shadow:0 0 5px #ff6600;
  }
}

.glowing-text {
  animation:glow 1.5s infinite alternate;
  font-size:1.5rem;
  font-weight:bold;
  letter-spacing:1px;
}