/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Hind', sans-serif;
}

.Header {
    background-color: #000000;
}

.Header-title {
    font-size: 23px;
}

.Header-title::before {
    content: url(../assets/favicon.png);
    padding: 3px 15px 0 0;
}

.Frame-panel--sidebar {
    background-color: #e03131;
}

.Status-dot {
    border: 4px solid;
}

.Tree-collapse svg {
    color: #000000;
}

.Tree-title {
    color: #000000;
}

.Tree-collectionLabel {
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
}

.Tree-collectionLabel::before {
    color: #000000;
}

.Tree-entityLink:hover {
    background-color: #a62219;
}

.is-current .Tree-entityLink {
    background-color: #a62219;
}

.Tree-entityLink {
    color: #ffffff;
}
.Tree-entityLink:hover {
    color: #ffffff;
}

.Tree-aside {
    color: #ffffff;
}

.Pen-previewLink svg {
    fill: #a62219;
}

.Browser-tab.is-active a {
    border-bottom-color: #a62219;
}

.Meta-value a,
a {
    color: #a62219;
}