body {
    background-color: #1a1b26;
}

.main-title {
    font-family: 'Google Sans Code', 'Courier New', monospace;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 1.5vw;
    margin: 0;
    margin-left: 2vw;
    margin-top: 2vw;
}

.magenta {
    color: #bb9af7;
}

.light-blue {
    color: #8db0ff;
}

.comment {
    color: #565f89;
}

.bracket {
    color: #a9b1d6;
}

.self {
    color: #f7768e;
}

.function-definition {
    color: #9d7cd8;
}

.function-name {
    color: #7aa2f7;
}

.class-attribute {
    color: #73daca;
}

.string {
    color: #9ece6a;
}

.return {
    color: #bb9af7;
    font-style: italic;
}

.operator {
    color: #7dcfff;
}

.sub-title {
    font-family: 'Google Sans Code', 'Courier New', monospace;
    font-optical-sizing: auto;
    font-size: 2vw;
    margin: 2px;
    margin-top: 5px;
    font-weight: 500;
    margin-left: 1.5vw;
    font-style: normal;
}

.function-div {
    margin-top: 2%;
    margin-left: 5%;
}

.list-item {
    font-family: 'Google Sans Code', 'Courier New', monospace;
    margin: 5px;
    font-optical-sizing: auto;
    font-size: 1.5vw;
    font-weight: 500;
    font-style: normal;
}

.list-item:hover {
    color: slategray;
    cursor: pointer;
}

.list-container {
    margin-top: 10vh;
    text-align: left;
}

.sub-list-1 {
    margin-left: 5%;
    text-align: left;
}


a {
    color: black;
    text-decoration: none;
}


a:visited {
    color: slategrey;
}

summary {
    list-style: none;
}

/*required for safari */
summary::-webkit-details-marker {
    display: none;
}