#topbar {
  background: linear-gradient(90deg, #ff69b4, #ff1493);
  color: black;
}

.topbar-fade {
  background: linear-gradient(to left, #ff1493, transparent);
}

::selection {
  background-color: #ffb6c1;
  color: white;
}

h1, h2, h3, h4 {
  color: #c71585 !important;
}

.portal ul li a {
  color: #c71585;
}

.portal ul li a:hover {
  color: white;
}

#toc-container {
  background-color: #ffdde8;
  border: 2px solid #c71585;
}

a {
 text-decoration:underline;
 color:#91085c;
}

a:hover {
 color:#ff83c9;
 background-color:#91085c;
}
#header {
  padding: 5px;
  border-bottom: 2px solid #c71585;
  background: linear-gradient(90deg, #ffa2be, #ffb6c1);;
}

.toc-item a {
  color: #c71585;
}

.toc-item a:hover {
  color: white;
}

p {
  color: #91085c;
}

::selection {
  background-color: #c71585;
  color: white;
}

#sidebar {
  background-color: #ffc0cb;
  border-right: 2px solid #c71585;
}

#content {
  background-color: rgba(255, 182, 193, 0.8);
}

#sidebar-toggle {
  background: #ff69b4;
}

body {
  background: linear-gradient(to bottom, #ffb6c1, #ffa2be, #ffb6c1);
}