body {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  margin: 0;
}

li {
	margin: 10px;
	padding: 0 0 0 35px;
	list-style: none;
	background-image: url("/assets/leaf.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 25px;
    color: var(--text)
}

a:link, a:visited {
  color: var(--gradient);
}

a:link:active, a:visited:active {
  color: var(--gradient);
}

.inner > li {
    margin: 0
}

.inner > ul {
    padding: 0;
}

ul {
    margin: 0
}

.title {
    padding-left: 3%;
    padding-top: 0.5em;
    padding-bottom: 5%;
    color: var(--title);
    text-shadow: 1px 1px 1px #92296857;   
}

.fade-top {
    background: linear-gradient(179deg, var(--gradient),rgba(255,255,255,0) 75%);
}

.left-pad {
    margin-left: 2.5em;
    z-index: 100;
}

details {
    padding-top: 1em
}

details > summary {
    color: #f78dcd;
    list-style: none;
}

details > summary::-webkit-details-marker {
  display: none;
}

details > p {
    margin: 0;
    padding: 0.8em;
    color: var(--text)
}

/* Styles for light theme */
.theme-light {
    background: #fff;
    --gradient: #f78dcd;
    --title: #fcf0f7;
    --text: #745e69;
}

/* Styles for dark theme */
.theme-dark {
    background: #000;
    --gradient: #ac337c;
    --title: #e8b6d3;
    --text: #efd4e3;
}