body {
  font-family: 'Arial', sans-serif;
  background-color: #151922;
  color: #333;
  line-height: 1.6;
}

.logo {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.navbar {
  margin-bottom: 40px;
}

nav ul li a {
  color: #77d8bb !important;
  font-size: x-large;
}

.container {
  padding: 20px;
  /* border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0,0,0,.1);*/
  color: #fff;
}

h1 {
  color: #77d8bb;
}

h4 {
  color: #77d8bb !important;
}

h6 {
  color: #82b440 !important;
}

footer {
  margin-top: 20px;
}

.important {
  color: #e74c3c;
}

.bash {
  background-color: black;
  color: white;
  font-size: medium;
  font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
  width: 100%;
  margin: 10px;
}

pre {
  padding: 10px;
  border-radius: 5px;
  overflow-x: auto;
  white-space: pre-wrap; /* This makes the text wrap */
}


.likes {
  display: flex;
  align-items: baseline;
  gap: 20px;
  color: #e74c3c;
}

table {
  background-color: #1c1f26;
}

th {
  background-color: #3498db;
  color: #ecf0f1;
}

td {
  background-color: #1c1f26;
  color: #ecf0f1;
}


a:hover {
  color: #c0392b;
}

code {
  display: block;
  background-color: black;
  margin-bottom: 5px;
  margin-top: 5px;
  color:#e83e8c !important;
}

.code {
  color:#e83e8c !important;
}