@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
.sadtheme {
    font-family: 'Space Mono', monospace;
    background-color: #18181B;
    color: #F3F4F6;
}

.sadtheme .modal-content {
    background-color: #18181B;
    color: #F3F4F6;
}

.sadtheme .modal-content .btn-close {
    color: #F3F4F6!important;
}

.sadtheme .modal-content table {
    color: #F3F4F6;
}

.sadtheme img {
    /* filter: grayscale(1); */
    border: 3px dashed #444;
    padding: 5px;
}

.sadtheme .border-bottom-dotted {
    border-bottom: 3px dotted #F3F4F6;
}

.sadtheme p {
    color: #aeaeae;
}

.sadtheme .navbar a,
.sadtheme .nav-link {
    color: #aeaeae !important;
}

.sadtheme .nav-link.active {
    color: #fff !important;
}

.sadtheme .card {
    background-color: #18181B !important;
    border-color: #444 !important;
}

.sadtheme .display-1,
.sadtheme .display-2,
.sadtheme .display-3,
.sadtheme .display-4,
.sadtheme .display-5,
.sadtheme .display-6 {
    color: #F3F4F6!important;
    font-weight: inherit;
}

.sadtheme .mybtn {
    border: 3px dotted #F3F4F6;
    border-radius: 10px;
    padding: 5px 10px;
    color: #aeaeae;
}

.sadtheme a {
    text-decoration: none;
    color: #F3F4F6;
}

.sadtheme .mybtn:hover {
    color: #F3F4F6;
    border-color: #F3F4F6;
}

.sadtheme pre {
    border-left: 2px solid #666;
    padding: 5px 5px 5px 20px;
    font-style: italic;
    margin: 10px 0;
}

.sadtheme .stereotipe {
    background-color: #aeaeae;
    color: #FFF;
    padding: 0px 2px;
    font-style: italic;
}