html {
  cursor: url('https://cdn.cursors-4u.net/previews/sperm-handwriting-c2cbde31-32.webp') 0 0, auto;
}

a:hover {
  cursor: url('https://i.postimg.cc/FKyP1yWp/pasteleyeball.gif') 0 0, auto;
  color: #fdd7fc;
}

/* CSS referenced from Stack Overflow
(https://stackoverflow.com/questions/10578073/changing-the-text-selection-color-using-css) */
::selection {
  background: #dfeaee;
}

body {
  cursor: url('https://i.postimg.cc/90fcBMrj/DGCnorm.png') 0 0, auto;
  background-color: #ffffff;
  color: black;
}

h1 {
  margin-left: 10%;
  font-family: 'Black Goth';
}

p {
  margin-left: 10%;
  font-family: 'Franklin Gothic Book';
  /*font-weight: bold;*/
  /*text-shadow: #fdd7fc 1px 1px, #fdd7fc -1px -1px, #fdd7fc -1px 1px, #fdd7fc 1px -1px;*/
}

.container {
  grid-template-columns: 200px auto
}

.sidebar-content {
  font-family: 'Franklin Gothic Book';
  /*font-weight: bold;*/
  /*text-shadow: #fdd7fc 1px 1px, #fdd7fc -1px -1px, #fdd7fc -1px 1px, #fdd7fc 1px -1px;*/
}

/* CSS referenced from Stack Overflow
(https://stackoverflow.com/questions/13337646/scroll-inside-of-a-fixed-sidebar) */
.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 10%; /* Sidebar width */
  height: 100%;
  background-image: url('https://i.pinimg.com/736x/d9/0a/1b/d90a1b6fc4a7d1ebeae19bb87035b165.jpg');
  overflow-y: auto; /* Automatic scroll */
}

.siderbar-main-content {
  margin-left: 100%; /* Equal to width of sidebar */
  padding: 20px;
}