html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #121212;
    color: #ffffff;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
main {
    flex: 1;
}
header, main, footer {
    padding: 1px;
    padding-left: 15px;
}
header, footer{
    background-color: #232323;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, #01010177 0px, #23232377 70px);
    width: auto;
    height: 155px;
}
section {
    margin: 50px 0px 75px 0px;
}
p {
    padding: 1px;
    padding-left: 35px;
}
a {
    text-decoration: none;
    color: #ffffff;
}
button, input, textarea {
    background-color: #232323;
    color: #ffffff;
}
.simple-ul {
    list-style: None;
}
#start .simple-ul {
    list-style: None;
}
#ml summary {
    font-weight: bold;
    font-size: 25px;
}
#ml h3 {
    padding-left: 35px;
}
#ml p {
    padding-left: 75px;
}

.equation {
  margin-left: 25px;
}

pre {
  font-size: 15px;
  padding: 12px;
  border-radius: 6px;
  overflow-x: auto;
  font-family: monospace;
}

table {
  border-collapse: collapse;
  margin: 20px 0px 0px 100px;
  font-size: 16px;
}

th, td {
  border: 1px solid #ccc;
  padding: 8px 12px 0px 12px;
  text-align: center;
}

thead tr:first-child th {
  border-top: none;
}

tbody tr:last-child td {
  border-bottom: none;
}

tr th:first-child,
tr td:first-child {
  border-left: none;
}

tr th:last-child,
tr td:last-child {
  border-right: none;
}



.container {
  max-width: 900px;
//  margin: auto;
//  padding: 20px;
}

.navbar {
//  display: flex;
//  gap: 20px;
}

.article-card {
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 15px;
}
.core-ul {
    list-style: bullets;
}

@media (max-width: 768px) {

.navbar {
  flex-direction: column;
}

}