@font-face {
    font-family: 'Intel One Mono Medium';
    src: url(../assets/IntelOneMono-Medium.woff2);
}
@font-face {
    font-family: 'Intel One Mono Medium Italic';
    src: url(../assets/IntelOneMono-MediumItalic.woff2);
    font-weight: italic;
}
@font-face {
    font-family: 'Intel One Mono Bold';
    src: url(../assets/IntelOneMono-Bold.woff2);
    font-weight: bold;
}
@font-face {
    font-family: 'Pixelout';
    src: url(../assets/Pixelout\ Personal\ Use\ Only.ttf);
}

* {
  font-family: 'Intel One Mono Medium', 'Courier New', 'monospace';
  font-weight: initial;
  color: rgb(195, 211, 224);
}

body {
  background-color: black;
  border: 1px white solid;
}

/* ----------------------------- NAVIGATION BAR */
nav {
  position:fixed;
  bottom: 0;
  border: 1px white solid;
  overflow: hidden;
  width: 100%;
  background-color: black;
}
nav ul {
  list-style: none;         /* Removes default bullet points */
  margin: 0;
  padding: 0;
  display: flex;            /* Activates Flexbox layout */
  justify-content: flex-start; /* Aligns items to the left */
  gap: 20px;  
}

nav a {
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 14px 16px;
}

nav a:hover {
  background-color: blueviolet;
}
nav a.active {
  background-color: aquamarine;
  color: black;
}

/* ----------------------------- ENTRY INDEX STYLING note: not working */
ul.entry-index {
  color: cadetblue !important;
}
ul.entry-index:hover {
  color: blueviolet !important;
}

/* ----------------------------- ENTRY ARTICLES STYLING */
article {
  padding-left: 10%;
  padding-right: 10%;
}

a.return {
  padding: 14px;
}

article p:last-child:after {
  display: inline-block;
  content: ' ';
  background-image: url('../assets/endmark.svg');
  background-size: 15px 15px;
  height: 15px;
  width: 15px;
}

/* --------------------------------- BREADCRUMB STYLING */
/* Display list items side by side */

ul.breadcrumb li {
  display: inline;
  font-family: 'Intel One Mono Medium';
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  color: rgb(110, 199, 250);
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: cadetblue !important; 
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: blueviolet !important;
}