@charset "UTF-8";

body {
  font-family:Arial,sans-serif;
  background-image:url(https://img.freepik.com/premium-photo/funny-card-birthday-portrait-can-having-fun-bright-pink-background_1026535-2219.jpg?w=740);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  color:#333;
  margin:0;
  padding:0;
}

.profile-header {
  background-color:rgba(255,182,193,0.8);
/* Világos rózsaszín átlátszósággal */
  color:white;
  padding:20px;
  text-align:center;
}

.profile-header img {
  border-radius:50%;
/* Kör alakú profilkép */
  width:150px;
/* Fix szélesség */
  height:150px;
/* Fix magasság */
  object-fit:cover;
/* Kép kitöltése a tartalom megtartásával */
}

.profile-header h1 {
  margin:10px 0 0;
}

.profile-content {
  padding:20px;
  background-color:rgba(255,240,245,0.9);
/* Világos rózsaszín átlátszósággal */
  margin:20px auto;
  width:80%;
  max-width:800px;
  border-radius:5px;
  box-shadow:0 0 10px rgba(0,0,0,0.1);
}

.profile-content p {
  margin:10px 0;
}

.profile-footer {
  text-align:center;
  margin-top:20px;
  padding:10px;
  font-size:.9em;
  color:#777;
}

.profile-section {
  margin-bottom:20px;
}

.profile-section h2 {
  color:#e60073;
/* Pirosas-rózsaszín a szakasz címeinek */
}

.button {
  display:inline-block;
  padding:10px 20px;
  margin:10px 0;
  font-size:16px;
  cursor:pointer;
  text-align:center;
  text-decoration:none;
  outline:none;
  color:#fff;
  background-color:#ff69b4;
/* Rózsaszín gomb */
  border:none;
  border-radius:5px;
  box-shadow:0 5px #999;
}

.button:hover {
  background-color:#ff1493;
/* Mélyebb rózsaszín a gomb hover állapotában */
}

.button:active {
  background-color:#ff1493;
  box-shadow:0 2px #666;
  transform:translateY(4px);
}