@charset "UTF-8";

a:link,a:active,a:hover {
  color:#;
}

a:visited {
  color:#;
}

body {
  background:linear-gradient(135deg,#e66465,#9198e5);
/* Ð“Ñ€Ð°Ð´Ð¸ÐµÐ½Ñ‚Ð½Ñ‹Ð¹ Ñ„Ð¾Ð½ Ð² Ñ€Ð¾Ð·Ð¾Ð²Ð¾-Ñ„Ð¸Ð¾Ð»ÐµÑ‚Ð¾Ð²Ñ‹Ñ… Ñ‚Ð¾Ð½Ð°Ñ… */
  color:#ffffff;
/* Ð‘ÐµÐ»Ñ‹Ð¹ Ñ‚ÐµÐºÑÑ‚ */
  font-family:'Roboto',sans-serif;
/* Ð¡Ð¾Ð²Ñ€ÐµÐ¼ÐµÐ½Ð½Ñ‹Ð¹ ÑˆÑ€Ð¸Ñ„Ñ‚ Ð´Ð»Ñ Ð¾ÑÐ½Ð¾Ð²Ð½Ð¾Ð³Ð¾ Ñ‚ÐµÐºÑÑ‚Ð° */
  margin:0;
  padding:0;
  line-height:1.6;
}

/* === Ð¡ÑÑ‹Ð»ÐºÐ¸ === */
a {
  color:#ffcccb;
/* ÐÐµÐ¶Ð½Ð¾-Ñ€Ð¾Ð·Ð¾Ð²Ñ‹Ð¹ Ñ†Ð²ÐµÑ‚ ÑÑÑ‹Ð»Ð¾Ðº */
  text-decoration:none;
  font-weight:bold;
  transition:color .3s ease,text-shadow .3s ease;
}

a:hover {
  color:#ffffff;
/* Ð‘ÐµÐ»Ñ‹Ð¹ Ñ†Ð²ÐµÑ‚ Ð¿Ñ€Ð¸ Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð¸Ð¸ */
  text-shadow:0 0 8px #ffcccb;
/* Ð¡Ð²ÐµÑ‚ÑÑ‰Ð¸Ð¹ÑÑ ÑÑ„Ñ„ÐµÐºÑ‚ */
}

/* === Ð‘Ð»Ð¾Ðº Ð¿Ñ€Ð¾Ñ„Ð¸Ð»Ñ === */
.profile-container {
  max-width:800px;
  margin:50px auto;
  background:rgba(255,255,255,0.1);
/* ÐŸÐ¾Ð»ÑƒÐ¿Ñ€Ð¾Ð·Ñ€Ð°Ñ‡Ð½Ñ‹Ð¹ Ð±ÐµÐ»Ñ‹Ð¹ Ñ„Ð¾Ð½ */
  border-radius:20px;
/* Ð¡ÐºÑ€ÑƒÐ³Ð»ÐµÐ½Ð½Ñ‹Ðµ ÑƒÐ³Ð»Ñ‹ */
  padding:30px;
  box-shadow:0 6px 20px rgba(0,0,0,0.5);
/* Ð“Ð»ÑƒÐ±Ð¾ÐºÐ°Ñ Ñ‚ÐµÐ½ÑŒ */
  border:3px solid rgba(255,204,203,0.7);
/* Ð Ð°Ð¼ÐºÐ° Ñ€Ð¾Ð·Ð¾Ð²Ð¾Ð³Ð¾ Ð¾Ñ‚Ñ‚ÐµÐ½ÐºÐ° */
}

/* === Ð—Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ¸ === */
h1,h2,h3 {
  font-family:'Playfair Display',serif;
/* Ð­Ð»ÐµÐ³Ð°Ð½Ñ‚Ð½Ñ‹Ð¹ ÑˆÑ€Ð¸Ñ„Ñ‚ Ð´Ð»Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ¾Ð² */
  color:#ffcccb;
  text-transform:uppercase;
  text-align:center;
  letter-spacing:2px;
  text-shadow:0 0 15px rgba(255,204,203,0.8);
}

h1 {
  font-size:2.8em;
  margin-bottom:15px;
}

h2 {
  font-size:2em;
  margin-bottom:10px;
}

h3 {
  font-size:1.5em;
  margin-bottom:10px;
}

/* === Ð¢ÐµÐºÑÑ‚Ð¾Ð²Ñ‹Ðµ Ð±Ð»Ð¾ÐºÐ¸ === */
.text-box {
  background:rgba(0,0,0,0.5);
/* ÐŸÐ¾Ð»ÑƒÐ¿Ñ€Ð¾Ð·Ñ€Ð°Ñ‡Ð½Ñ‹Ð¹ Ñ‡ÐµÑ€Ð½Ñ‹Ð¹ Ñ„Ð¾Ð½ */
  border-radius:15px;
  padding:20px;
  margin:20px 0;
  color:#ffffff;
  font-size:1.2em;
  border:1px solid rgba(255,204,203,0.6);
/* Ð¢Ð¾Ð½ÐºÐ°Ñ Ñ€Ð¾Ð·Ð¾Ð²Ð°Ñ Ñ€Ð°Ð¼ÐºÐ° */
}

/* === ÐšÐ½Ð¾Ð¿ÐºÐ¸ === */
.button {
  display:inline-block;
  background:linear-gradient(135deg,#ffcccb,#ff69b4);
  color:#fff;
  padding:12px 25px;
  border-radius:30px;
  font-size:1em;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:bold;
  transition:background .3s ease,transform .2s ease,box-shadow .2s ease;
}

.button:hover {
  background:linear-gradient(135deg,#ff69b4,#ffcccb);
  transform:scale(1.1);
/* Ð›ÐµÐ³ÐºÐ¾Ðµ ÑƒÐ²ÐµÐ»Ð¸Ñ‡ÐµÐ½Ð¸Ðµ ÐºÐ½Ð¾Ð¿ÐºÐ¸ */
  box-shadow:0 0 15px rgba(255,105,180,0.7);
}

/* === Ð˜Ð·Ð¾Ð±Ñ€Ð°Ð¶ÐµÐ½Ð¸Ñ === */
.profile-img {
  display:block;
  max-width:100%;
  margin:20px auto;
  border-radius:20px;
  box-shadow:0 6px 15px rgba(0,0,0,0.5);
  border:3px solid rgba(255,204,203,0.8);
}

/* === Ð Ð°Ð·Ð´ÐµÐ»Ð¸Ñ‚ÐµÐ»Ð¸ === */
.divider {
  height:2px;
  background:linear-gradient(to right,#ffcccb,#ff69b4,#ffcccb);
  margin:20px 0;
  border-radius:2px;
}

/* === ÐÐ¸Ð¶Ð½Ð¸Ð¹ ÐºÐ¾Ð»Ð¾Ð½Ñ‚Ð¸Ñ‚ÑƒÐ» === */
footer {
  text-align:center;
  color:#f5f5f5;
  font-size:.9em;
  margin-top:30px;
  font-family:'Roboto',sans-serif;
  text-shadow:0 0 5px rgba(0,0,0,0.5);
}