<link rel="stylesheet" href="style.css">
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=Italiana&display=swap');

body {
  background-color: #fbeff2;
  background-image: url('https://i.imgur.com/mqjz1yX.jpg');
  background-repeat: repeat;
  color: #4b2b36;
  font-family: 'Special Elite', serif;
  line-height: 1.6;
  margin: 0;
  padding: 20px;
  text-align: center;
}

.container {
  background: rgba(255, 250, 252, 0.85);
  border: 1px solid #bfa1a9;
  box-shadow: 0 0 25px rgba(160, 90, 120, 0.3);
  border-radius: 10px;
  max-width: 750px;
  margin: 0 auto;
  padding: 30px;
}

h1 {
  font-family: 'Italiana', serif;
  font-size: 2.5em;
  color: #6d3a4c;
  text-shadow: 1px 1px #f4dfe5;
  margin-bottom: 0;
}

.subtitle {
  font-style: italic;
  color: #a56b78;
  margin-top: 5px;
  font-size: 1em;
}

nav {
  margin-top: 20px;
  font-size: 1em;
  font-weight: bold;
}

nav a {
  color: #7d4856;
  text-decoration: none;
  padding: 0 4px;
}

nav a:hover {
  text-decoration: underline;
}

.entry {
  text-align: left;
  background-color: rgba(255, 245, 248, 0.9);
  border-left: 3px solid #c49da2;
  padding: 15px 20px;
  margin: 30px 0;
  border-radius: 10px;
}

.entry h2 {
  color: #803b4a;
  margin-bottom: 0;
}

.date {
  font-size: 0.85em;
  color: #a3777f;
  margin-top: 2px;
  margin-bottom: 10px;
}

footer {
  font-size: 0.8em;
  color: #94646f;
  margin-top: 30px;
}

body::after {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url('pinkk.jpg') repeat;
  opacity: 0.2;
  pointer-events: none;
}