/* links */
/* -------------------------------------------------------- */

body.commonplace p{
    font-family: "helvetica", sans-serif;
    font-size: .85em;
}

body.commonplace a:hover {
    color: rgb(247, 149, 231);
    text-decoration: none;
}

body.commonplace h1{
    font-size: 1.75em;
    font-family: "helvetica", sans-serif;
}

body.commonplace h2{
    font-size: 1.1em;
    font-family: "helvetica", sans-serif;
    padding-bottom: 2px;
}
body.commonplace h3{
    font-size: 1em;
    font-family: "helvetica", sans-serif;
}

body.commonplace hr{
    margin-top: 20px;
    margin-bottom: 20px;
}





/* commonplace-content layout */

.commonplace-section {
  display: flex;
  gap: 5px;
  margin-top: 5px;
  align-items: flex-start;
}

.commonplace-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.box {
  border: 1px solid black;
  background-color: white;
  padding: 10px;
  max-height: 340px;
  overflow: auto;
}


/* nav bar */
/* -------------------------------------------------------- */

.generic-nav {
    background-color: white;
    border: 1px solid #000;
    padding: 5px;
    max-width: 1400px;
    margin-top: 5px;
}

.generic-nav ul {
    display: flex;
    align-items: center;
    gap: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.generic-nav ul li {
    display: flex;
    align-items: center;
    gap: 5px;
}

.generic-nav ul li a:hover {
    background-color: #f0e6f6;
    color: black;
    text-decoration: underline;
}

.generic-nav ul li .current {
    font-weight: bold;
    text-decoration: underline;
}

.section a{
    text-decoration: underline;
}

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

::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #e4e4e4;
    border: 1px solid #aaa;
}