mastoyt.css

.brand svg {
    display: none !important;
}

.brand::after {content: "Mastodon";background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 575.3666 100.3612"><path d="M405.8645 0v33.0236c-4.5378-5.1171-11.0562-7.6725-19.5525-7.6725-9.2686 0-16.4684 3.219-21.5855 9.6878-5.117 6.4688-7.6725 15.6052-7.6725 27.3841 0 12.0686 2.6629 21.4294 7.973 28.0912 5.4068 6.5654 13.0281 9.847 22.876 9.847 7.724 0 14.2424-2.6628 19.5526-7.973v6.6648H421.51V0zM0 9.405v89.648h16.229V43.7368l23.6008 52.417h9.9884l23.6009-52.417V99.053h16.229V9.405H73.1361L44.9036 69.2293 16.5118 9.405zm237.4762 2.1745V69.512c0 20.0821 9.7375 30.1243 29.2403 30.1243h8.3973V85.0162h-6.8062c-5.117 0-8.883-1.3001-11.2966-3.907-2.4137-2.6068-3.6064-6.7221-3.6064-12.3219V40.5546h17.5194l6.0815-13.913h-23.601V11.5795zM131.4402 25.351c-9.7515 0-18.2514 2.0263-25.4926 6.0814l4.9324 11.8623c6.4687-2.5103 12.6376-3.7655 18.5271-3.7655 5.7929 0 9.998 1.3627 12.6048 4.066 2.606 2.6069 4.0137 6.9915 4.2075 13.1706-4.5378-2.4137-10.3925-3.6241-17.5371-3.6241-8.1101 0-14.5211 2.1338-19.252 6.382-4.6343 4.1515-6.9476 9.854-6.9476 17.0951 0 7.4342 2.3133 13.2713 6.9476 17.5195 4.6344 4.1516 11.108 6.2228 19.411 6.2228 9.2688 0 15.7246-2.4657 19.3935-7.3896v6.0814h13.471V60.39c0-11.8755-2.5105-20.6624-7.531-26.3588-4.924-5.7929-12.5005-8.6801-22.7347-8.6801zm69.1231 0c-7.8204 0-14.0519 1.919-18.6862 5.7808-4.5378 3.862-6.8063 9.0803-6.8063 15.6456 0 5.2136 1.6048 9.5533 4.791 13.029 2.7033 3.2827 8.2534 6.3223 16.6531 9.1222 4.6344 1.4483 7.8535 2.9007 9.6879 4.349 1.931 1.4482 2.8993 3.2326 2.8993 5.3566 0 5.0205-3.9454 7.531-11.8623 7.531-6.6619 0-13.0457-2.2236-19.1283-6.6648l-5.6394 12.6048c6.3722 5.5033 14.8722 8.256 25.4925 8.256 8.4962 0 15.1493-1.9816 19.9768-5.94 4.9239-3.9586 7.3896-9.3564 7.3896-16.2113 0-11.1997-7.5765-18.9734-22.7346-23.318-7.6274-2.2207-11.438-5.0182-11.438-8.3974 0-4.5378 3.219-6.8062 9.6878-6.8062 5.7929 0 10.9663 1.5422 15.504 4.6318l5.7987-12.7463c-5.8895-4.1516-13.0893-6.2228-21.5856-6.2228zm113.8323 0c-10.3307 0-18.3465 3.2816-24.0428 9.847-5.6964 6.4687-8.5388 15.6772-8.5388 27.6492 0 11.779 2.8424 21.0051 8.5388 27.667 5.7929 6.5653 13.8087 9.847 24.0428 9.847 10.3307 0 18.3465-3.2817 24.0429-9.847 5.6963-6.5653 8.5564-15.7915 8.5564-27.667 0-11.972-2.86-21.1805-8.5564-27.6493-5.5999-6.5653-13.6156-9.847-24.0429-9.847zm153.3085 0c-10.3307 0-18.3465 3.2816-24.0428 9.847-5.6964 6.4687-8.5388 15.6772-8.5388 27.6492 0 11.779 2.8424 21.0051 8.5388 27.667 5.7929 6.5653 13.8087 9.847 24.0428 9.847 10.3307 0 18.3465-3.2817 24.0429-9.847 5.6963-6.5653 8.5387-15.7915 8.5387-27.667 0-11.972-2.8424-21.1805-8.5387-27.6493-5.5998-6.5653-13.6157-9.847-24.0429-9.847zm79.7127 0c-8.4963 0-15.0147 2.8424-19.5525 8.5387v-7.2482h-14.0368V99.053h15.9284V60.107c0-7.048 1.1927-12.1766 3.6064-15.3627 2.5103-3.186 6.5182-4.7732 12.0214-4.7732 5.0206 0 8.607 1.5423 10.731 4.6318 2.2206 2.993 3.3235 7.9692 3.3235 14.9207V99.053h15.9284V58.074c0-21.8199-9.316-32.723-27.9498-32.723zM314.3956 39.9712c11.0065 0 16.5118 7.9084 16.5118 23.7423 0 14.6754-5.5053 22.0275-16.5118 22.0275s-16.5118-7.352-16.5118-22.0275c0-15.8339 5.5053-23.7423 16.5118-23.7423zm74.8157 0c11.103 0 16.6532 7.9084 16.6532 23.7423 0 7.6274-1.3002 13.24-3.907 16.8124-2.5102 3.4757-6.5807 5.2151-12.1805 5.2151-5.8894 0-10.1217-1.7394-12.7285-5.2151-2.6069-3.5723-3.9247-9.3197-3.9247-17.2366 0-8.0136 1.3178-13.9132 3.9247-17.6786 2.6068-3.7654 6.6595-5.6395 12.1628-5.6395zm78.4928 0c11.0065 0 16.5118 7.9084 16.5118 23.7423 0 14.6754-5.5053 22.0275-16.5118 22.0275s-16.5117-7.352-16.5117-22.0275c0-15.8339 5.5052-23.7423 16.5117-23.7423zM132.165 66.772c9.3652 0 14.0544 3.2817 14.0544 9.847 0 6.6618-4.6892 9.9884-14.0544 9.9884-9.5584 0-14.3374-3.2368-14.3374-9.7055 0-6.7584 4.779-10.1299 14.3374-10.1299z"/></svg>');color: transparent;background-size: contain;background-position: center;display: block;width: 6rem;background-repeat: no-repeat;height: 1.5rem;margin-bottom: 0.25rem;}

nav.header:not(:root) {position: fixed;top: 0;left: 0;z-index: 500;width: 100%;margin: 0;border: none;background: #fff;border-radius: 0;height: 56px;align-items: center;border-bottom: 1px solid #e5e5e5;box-shadow: none;}

.nav-button:not(:root) {
    border: 1px solid #065fd4;
    border-radius: 3px!important;
    background: transparent!important;
    padding: 5px 11px!important;
    height: 38px!important;
    color: #065fd4!important;
    text-transform: uppercase;
    box-sizing: border-box;
}

.nav-link {
    font-size: 0.875rem!important;
    color: #494949!important;
}

.brand::before {content: "";display: block;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="61.076954mm" height="65.47831mm" viewBox="0 0 216.4144 232.00976"><path fill="%23ff0000" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/><path fill="%23fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/></svg>');width: 1.5rem;height: 1.5rem;background-size: contain;background-repeat: no-repeat;margin: 0 0.25rem 0.2rem 0;}

.brand {
    background: transparent!important;
    display: flex!important;
    align-items: center;
}

.public-layout {
    padding-top: 126px;
}

body {
    background: #f9f9f9;
    color: #000;
}

.trends-widget {
    position: fixed;
    top: 56px;
    left: 0;
    background: #fff;
    width: 100vw;
    margin: 0;
    display: flex;
    padding: 0 24px;
    height: 56px;
    align-items: center;
    overflow-x: auto;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: none;
    box-sizing: border-box;
    overflow: hidden;
}

.trends-widget h4 {
    display: none;
}

.trends__item__current {
    display: none;
}

.trends__item__sparkline {
    display: none;
}

.trends__item__name a + span {
    display: none;
}

.trends__item__name a {
    height: 32px;
    min-width: 12px;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 16px;
    color: #030303;
    border: 1px solid #d9d9d9;
}

.trends__item__name {
    display: block;
    width: fit-content;
    height: fit-content;
    margin: 0;
    padding: 0;
    color: inherit;
    overflow: visible;
}

.trends__item {
    margin-right: 0;
    padding: 0!important;
}

div {}

.trends-widget [data-component="Hashtag"] {
    width: fit-content!important;
    height: fit-content!important;
    display: block;
    margin-right: 10px;
}

.public-layout .grid .column-1 {
    display: block;
}
@media screen and (max-width: 600px){
    .public-layout .grid .column-1{
        grid-column: 1;
    }
}

.button.logo-button {
    background: #cc0000;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 0.875rem;
    border-radius: 3px;
}

.hero-widget, .activity-stream, .activity-stream .entry, .detailed-status {
    box-shadow: none;
    border-radius: 0;
    background: none!important;
    color: inherit !important;
}

.hero-widget__text {
    border-radius: 0;
    background: none;
    color: inherit;
}

.hero-widget__img, .hero-widget__img img {
    border-radius: 0!important;
}

.activity-stream .entry {}

.detailed-status__display-name {
    color: inherit;
}

span.display-name__account, .page-header p {
    color: #606060;
}

.status {
    border: none;
}

button.status__content__spoiler-link {
    color: #606060;
    background: none!important;
    font-size: 0.8125rem;
}

.page-header {
    background: none;
    color: inherit;
    box-shadow: none;
    padding: 2rem 1rem;
}

a.status-card {
    background: #fff!important;
    border: none;
    color: #606060;
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
}

.hero-widget__text a, .status-card__title, .reply-indicator__content, .status__content, .reply-indicator__content a, .status__content a, .page-header h1, .pagination .current, .pagination .gap, .pagination .newer, .pagination .older, .pagination .page, .pagination a, .detailed-status__display-name strong, .account__display-name strong, .status__display-name strong {
    color: #000;
}

.page.current {
    background: #ff0000;
    color: #fff;
}

.hero-widget__text a{
    text-decoration:underline;
}