@charset "UTF-8";

:root {
    /*--primary-color: #3498db;*/
    /*--font-size-base: 16px;*/
    --dark-background-color: rgb(21, 21, 21);
    --scrollbar-color: rgba(114, 114, 114, 0.3) transparent;
    --topbar-color: rgba(33,33,33, 0.8);
    --container-background-color: #252525;
}

body {
    background-color: var(--dark-background-color);
    scrollbar-color: var(--dark-background-color);
}

body::-webkit-scrollbar-track {
    background: transparent;
}

body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.toplevel_container {
    background-color: var(--topbar-color);
    /*border-bottom: 2px solid rgb(58, 58, 58);*/
}

/* .toplevel_container img {
    border: 2px solid rgb(0, 0, 0);
} */

.toplevel_title h3 {
    color: #ffffff;
}

.top_nav_item {
    color: white;
}

.top_nav_item a {
    color: #ffffff;
}

.top_nav_item :hover {
    background-color: rgba(255, 255, 255, 0.27);
    color: #ffa600;
}

.top_nav_item :active {
    background-color: rgba(255, 255, 255, 0.27);
    color: #ffa600;
}

.spacenet_main_container {
    /*background-color: rgb(68, 68, 68);*/
}

.spacenet_footer {
    background-color: rgb(255, 208, 0);
}

.spacenet_latest_post_container h2 {
    color: white;
}

.spacenet_latest_post_list {
    scrollbar-color: var(--scrollbar-color);
    background-color: var(--container-background-color);
}

.spacenet_latest_post_list::-webkit-scrollbar-track {
  background: transparent;
}

.spacenet_latest_post_list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}

.spacenet_blog_post_card {
    background-color: rgb(34, 34, 34);
}

.post_preview_title_legacy {
    color: white;
    background: rgba(0,0,0,0.5);
}

.post_preview_title {
    color: white;
}

.img_overlay {
    background: linear-gradient(to bottom, rgba(0,0,0,0.4)5%, rgba(0,0,0,0))90%;
}

.post_card_short_description {
    color: rgb(255, 255, 255);
}

.footer_website_title {
    color: rgb(255, 255, 255);
}

.footer_website_copyright {
    color: rgb(255, 255, 255);
}

.separater_line {
    background-color: rgba(172, 172, 172, 0.753);
}

.center_message_for_container {
    color: white;
}

.spacenet_server_news_container h2 {
    color: white;
}

.spacenet_server_news_list {
    scrollbar-color: var(--scrollbar-color);
    background-color: var(--container-background-color);
}

.spacenet_server_news_list::-webkit-scrollbar-track {
    background: transparent;
}

.spacenet_server_news_list::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

.spacenet_server_news_list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.spacenet_server_news_item {
    background-color: rgb(43, 43, 43);
    border-bottom: 3px solid rgba(0, 102, 255, 0.753);
}

.spacenet_server_news_item::-webkit-scrollbar-track {
    background: transparent;
}

.spacenet_server_news_item::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

.spacenet_server_news_item p {
    color: white;
}

.spacenet_server_news_item .post_time {
    color: white;
}

.spacenet_latest_comment_container h2 {
    color: white;
}

.spacenet_latest_commentt_list {
    scrollbar-color: var(--scrollbar-color);
    background-color: var(--container-background-color);
}

.spacenet_latest_commentt_list::-webkit-scrollbar {
    width: 8px;
}

.spacenet_latest_commentt_list::-webkit-scrollbar-track {
    background: transparent;
}

.spacenet_latest_commentt_list::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

.spacenet_latest_commentt_list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.comment_card {
    background-color: rgb(34, 34, 34);
}

.comment_card_username {
    color: white;
}

.comment_img_overlay {
    background: linear-gradient(to bottom, rgba(0,0,0,0.4)5%, rgba(0,0,0,0))90%;
}

.comment_card_paragraph {
    color: rgb(255, 255, 255);
}

.history_title {
    color: white;
}

.blog_date_and_card_list {
    background-color: rgb(51, 51, 51);
    scrollbar-color: rgba(114, 114, 114, 0.3) transparent;
}

.blog_date_and_card_list::-webkit-scrollbar-track {
    background: transparent;
}

.blog_date_and_card_list::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

.blog_date_and_card_list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.blog_preview_title {
    color: white;
}

.blog_card_wrapper {
    background-color: rgb(85, 85, 85);
}

.blog_card_title {
    color: rgb(255, 255, 255);
}

.blog_card_date_container h3 {
    color: white;
}

.line_between_date_and_card {
    border-left: 1px solid rgb(255, 255, 255);
}

.articles_container {
    background: linear-gradient(rgb(19, 19, 19), rgb(53, 53, 53));
}

.articles_container h2 {
    color: white;
}

.markdown_container {
    color: white;
}