body {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #1e1e2e;
  color: #cdd6f4;
  line-height: 1.6;
}

header {
  text-align: center;
  padding: 2rem;
  background-color: #313244;
  color: #f38ba8;

  p {
	  font-weight: bold;
  }
}

h1 {
  margin: 0;
  font-size: 3rem;
  color: #cba6f7;
}

.navbar {
  display: flex;
  justify-content: center;
  background-color: #2f2f3a;
  gap: 2rem;
  padding: 1rem;
}

@media (max-width: 600px) {
  .navbar {
    flex-direction: column;
	align-items: center;
  }
}

.navbar a {
  color: #cdd6f4;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s;
}

.navbar a:hover {
  color: #89b4fa;
}

section {
  padding: 2rem 4rem;
  border-bottom: 1px solid #444;
}

section h2 {
  color: #f38ba8;
  font-size: 2rem;
}

ul {
  list-style-type: none;
  padding-left: 0;
}

ul li::before {
  content: '⬆️';
  margin-right: 0.5rem;
  color: #cba6f7;
}

footer {
  text-align: center;
  padding: 1rem;
  background-color: #313244;
  font-size: 0.9rem;
  color: #a6adc8;
}

a {
	color:#b1ffb1;
}

.dnc {
	color: #b1ffb1;
}
.logo {
	img {
        width: 480px;
		/* border: 4px solid gold; */
		/* border-radius: 12px; */
		/* box-shadow: 0 0 20px gold, 0 0 40px #facc15; */
		/* transition: transform 0.3s ease, box-shadow 0.3s ease; */
    }
}

@media (max-width: 600px) {
  .logo img {
    width: 200px;
  }
}
/* .logo img:hover { */
/*     transform: scale(1.05); */
/*     box-shadow: 0 0 30px gold, 0 0 60px #facc15; */
/* } */