html, body {
  margin: 0;
  padding: 0;
  font-family: "Courier New";
  background: url("../icons/ep.png");
}

/* Sections */

.left {
  width: 25%;
}

.right {
  width: 75%;
  background-color: rgba(26,26,26, 0.7);
}

.left, .right {
  float: left;
  height: 100vh;
  display: block;
  overflow: auto;
}

/* Left-side buttons */

.button {
  transition: background-color 2.5s ease-in-out;
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
}

.button a:visited {
  color: #fff;
}

.button:not(:last-child), .command:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.button:hover {
  background-color: rgba(0, 0, 0, 0);
}

/* Right-side Commands */

.command {
  display: grid;
  margin-left: 8px;
  margin-bottom: 10px;  
  color: #fff;
}

/* Scrollbar */

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #222; 
}
 
::-webkit-scrollbar-thumb {
  background: #111; 
}

::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* Misc. */

.ghostLink {
  text-decoration:none;
  color:#fff;
  cursor:text;
}

.ghostLink:visited {
  color: #fff;
}

.comment {
  color: #d3d3d3;
  display: inline;
}

code {
  border: 1px solid #000;
  padding-left: 8px;
  width: 80%;
  background-color: #383838;
}

::selection {
  background-color: #000;
  color: #fff;
}