@charset "UTF-8";

a:link,a:active,a:hover {
  color:#d47ca4;
  text-decoration:none;
}

a:visited {
  color:#ba6c98;
}

/* FONT fantasy disponibil pe MFC */
body,h1,h2,h3,.profile_section_content .heading {
  font-family:'Comic Sans MS',cursive;
}

/* FUNDAL â€“ Lac magic cu lebede */
body {
  background:url(https://media.istockphoto.com/id/1289108753/ro/vector/ilustrare-realist%C4%83-a-peisajului-naturii-prin-pictur%C4%83-%C3%AEn-ulei-pe-p%C3%A2nz%C4%83-lac-magic-cu-lebede.jpg?s=612x612&w=0&k=20&c=Wq_1I2_PIhvQ7w1HuuBtYiaGbuh8LqMSsXfabFPvC68=) no-repeat center center fixed;
  background-size:cover;
  margin:0;
  padding:20px;
  color:#fff;
}

/* TITLURI CATEGORII â€“ Auriu cu umbrÄƒ */
.profile_section_content .heading {
  background-color:transparent;
  color:#FFD700;
  font-size:20px;
  text-shadow:1px 1px 3px #000;
  margin-bottom:10px;
  border:none;
  padding:0;
}

/* TEXT SECÈšIUNI â€“ Alb cu umbrÄƒ finÄƒ */
.profile_section_content {
  background-color:transparent;
  color:#FFFFFF;
  font-size:15px;
  text-shadow:1px 1px 2px #444;
  padding:5px 0;
  border:none;
  box-shadow:none;
  margin-bottom:15px;
}

/* LINKURI â€“ Auriu + efect la hover */
a {
  color:#FFD700;
  text-decoration:none;
  font-weight:bold;
  transition:.3s;
}

a:hover {
  color:#ffffff;
  text-shadow:0 0 5px #FFD700;
}

/* BUTOANE SUS â€“ pÄƒstrate vizibile, Ã®n stil pastel */
.button {
  background-color:rgba(255,192,203,0.85);
/* roz pastel */
  border:1px solid #F08080;
  border-radius:20px;
  padding:10px 20px;
  margin:6px 5px;
  display:inline-block;
  color:#fff;
  text-shadow:0 0 4px #000;
  font-family:'Comic Sans MS',cursive;
  font-size:15px;
  transition:.3s ease;
}

.button:hover {
  background-color:rgba(135,206,235,0.9);
/* albastru pastel */
  box-shadow:0 0 12px #FFD700;
}

/* RESPONSIVITATE â€“ text È™i layout ajustate pe mobil */
@media screen and (max-width: 768px) {
  body {
    padding:10px;
    background-position:center top;
  }

  .profile_section_content {
    font-size:14px;
  }

  .profile_section_content .heading {
    font-size:18px;
  }

  .button {
    font-size:14px;
    padding:8px 16px;
  }
}