body,
.ui,
.public-layout {
    background-image: url('https://i.imgur.com/tnzOwkb.jpg');
    background-color: #bae4ee;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

html,
body {
    font-family: "Lexend", sans-serif;
    font-size: 96%;
    font-weight: 300;
}

.mbstobon-0 .drawer__inner__mastodon > .mastodon {
    background: none;
}

.columns-area__panels__main {
    max-width: 750px !important;
}

.about__header p,
.about__header h1,
.server-banner__introduction {
    display: none !important;
}

.placeholder-widget {
    /* I hate that stupid box that says to pin users to your profile so I hid it */
    display: none;
}


.account__header__bio .account__header__fields dt {
    text-transform: lowercase;
    padding: 3px;
}

.tabs-bar__wrapper,
.drawer__header a:focus {
    background-color: #F6CEE7 !important;
}

.account__header__bio .account__header__fields {
    background-color: transparent !important;
}

.simple_form .button:last-child:hover,
.public-layout .header .brand:hover,
.table-of-contents,
.load-more:hover {
    background-color: #d4f7ff !important;
}

.public-layout .footer .brand svg:hover,
.public-layout .footer .brand svg:visited {
    fill: #d4f7ff !important;
}

.button.button--block,
.button.logo-button,
.simple_form .block-button,
.simple_form .button,
.simple_form button,
.button,
.radio-button__input.checked,
.privacy-dropdown__option.active,
.privacy-dropdown__option:hover,
.privacy-dropdown.active .privacy-dropdown__value.active,
.poll__chart.leading,
.icon-with-badge__badge,
.floating-action-button,
.composer--options--dropdown.open > .value {
    background-color: #d7a2f0 !important;
}

.public-layout .header .nav-link,
.column-header,
.column-header > button,
span.compose-form__publish-private,
.column-header__button,
.column-header__back-button,
.column-back-button__icon,
.column-back-button,
.column-header > .column-header__back-button,
.notification__filter-bar,
.account__header__fields dt,
.notification-list {
    color: #ffffff !important;
}

.account__section-headline a.active::after,
.account__section-headline button.active::after {
    border-bottom-color: #3b3b3b !important;
}

.public-layout .header .nav-button {
    background-color: #837093 !important;
}

.public-layout .header .nav-button:hover {
    background-color: #e5b7fa !important;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
a span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
.rich-formatting,
.public-layout .footer .grid .column-2 h4 a,
.public-layout .footer h4,
.landing .hero-widget h4,
.directory__tag h4,
.landing .simple_form .user_agreement .label_input > label,
.landing .simple_form p.lead,
.directory__tag h4 small,
.brand__tagline,
.account__display-name strong,
.status__display-name strong,
.landing .hero-widget__counter span,
.page-header p,
.directory__card__bar .display-name strong,
.directory__card__bar .display-name span,
.accounts-table__count,
.accounts-table__count small,
.public-layout .public-account-header__tabs__tabs .counter .counter-number,
.public-layout .public-account-bio .roles,
.public-layout .public-account-bio__extra,
.nothing-here,
.contact-widget h4,
.getting-started .column-link,
.character-counter,
.getting-started__footer a,
.notification__message .fa,
.table-of-contents li a,
.card__bar .display-name span {
    color: #3b3b3b !important;
}

.page-header h1,
.rich-formatting h2,
.rich-formatting h1,
.rich-formatting h3,
.rich-formatting h4,
.rich-formatting h5,
.rich-formatting h6,
.emoji-mart-anchor-selected,
.detailed-status__display-name strong {
    color: #3b3b3b;
}

.box-widget,
.directory__tag,
.directory__tag > a,
.landing .hero-widget,
.public-layout .hero-widget__text,
.public-layout .public-account-bio,
.landing .hero-widget__footer,
.filter-form,
.directory__card__extra .account__header__content,
.directory__card__extra,
.public-layout,
.nothing-here,
.public-layout .public-account-header__tabs__tabs,
.grid-4 .landing-page__call-to-action,
.contact-widget,
.drawer__inner__mastodon,
.drawer__header,
.drawer__inner,
.empty-column-indicator,
.error-column,
.getting-started .column-link,
.scrollable .column-link,
.column-inline-form,
.column > .scrollable,
.error-column,
.getting-started,
.regeneration-indicator,
focusable detailed-status__wrapper,
.detailed-status,
.detailed-status__action-bar,
.account__header__bar,
.activity-stream .entry,
.simple_form__overlay-area__overlay,
li.dropdown-menu__item a,
.dropdown-menu__item button,
.dropdown-menu,
.about__header__hero,
.server-banner__hero {
    background-color: #ffffff !important;
}

.header .nav-button,
.public-layout .public-account-header__image,
.notification__filter-bar,
.notification__filter-bar button.active,
.notification__filter-bar button,
.column-subheading,
.search,
.page-header,
.column-header__collapsible-inner,
.search-results__section h5,
.compose-form .compose-form__buttons-wrapper,
.search__input,
.dropdown-menu__item a:hover,
.reply-indicator__content .status__content__spoiler-link,
.status__content .status__content__spoiler-link,
.status-card.compact .status-card__content:hover,
.emoji-mart-bar:first-child,
.card__bar:hover,
.card__bar,
.conversation--unread,
.status.status-direct:not(.read),
.reply-indicator,
.composer .composer--options-wrapper,
.focusable:focus,
.composer--options--dropdown--content--item.active,
.composer--options--dropdown--content--item:hover,
.status-card__content:hover,
.status-card__image,
.status-card:hover,
.dismissable-banner,
.account__section-headline,
.notification__filter-bar,
.account__section-headline button,
.notification__filter-bar button,
.rules-list li::before {
    background-color: #d4f7ff !important;
}

.public-layout .public-account-header__tabs__tabs .counter:after {
    border-bottom: 4px solid #d4f7ff !important;
}

.public-layout .public-account-header__tabs__tabs .counter.active:after {
    border-bottom: 4px solid #d7a2f0 !important;
}

.box-widget input,
.compose-form .compose-form__autosuggest-wrapper,
.compose-form .autosuggest-textarea__suggestions,
.interaction-modal {
    background-color: #d4f7ff !important;
}

.about__meta,
.about__section__title {
    background-color: #d7a2f0 !important;
}

.skeleton {
    animation: skeleton 1.2s ease-in-out infinite;
    background-color: #d4f7ff !important;
    background-image: none !important;
}

.button.button--block,
.button.logo-button,
.simple_form .block-button,
.simple_form .button,
.simple_form button,
.button,
.radio-button__input.checked,
.privacy-dropdown__option.active,
.privacy-dropdown__option:hover,
.privacy-dropdown.active .privacy-dropdown__value.active,
.poll__chart.leading,
.icon-with-badge__badge,
.floating-action-button,
.public-layout .header,
.public-layout .account__section-headline,
.column-back-button,
.column-header,
.column-header__buttons,
.column-header__button,
.column-header__back-button,
.search-results__header,
.react-toggle--checked .react-toggle-track,
.notification__filter-bar,
.account__header__fields dt,
.directory__card__bar,
.public-layout .header .brand:hover,
.loading-bar,
.account__section-headline a.active::before,
.account__section-headline button.active::before,
.notification__filter-bar a.active::before,
.notification__filter-bar button.active::before {
    background-color: #d7a2f0 !important;
}

.text-icon-button.active {
    color: #d7a2f0 !important;
}

.status__content .emojione,
.reply-indicator__content .emojione,
.status__content .emojione,
.emojione,
.emoji-mart-category .emoji-mart-emoji span {
    width: 28px !important;
    height: 28px !important;
    padding: 1px;
}

.roles,
.account-role.admin {
    color: #d7a2f0 !important;
    font-weight: bold;
    Text-transform: uppercase;
}

.poll__text input[type="text"]:focus,
.account__header__tabs__buttons .icon-button,
.account__action-bar__tab.active,
.notification.unread::before,
.status.unread::before {
    border-color: #d7a2f0 !important;
}

.column-back-button__icon,
.column-back-button,
.account__section-headline a.active,
.account__section-headline button.active,
.column-header > .column-header__back-button,
.notification__filter-bar a.active,
.notification__filter-bar button.active,
.column-header__back-button,
.notice-widget a,
.placeholder-widget a,
.admin-wrapper .content .muted-hint a,
.icon-button.inverted.active,
.tabs-bar__link.active {
    color: #d7a2f0;
}

.simple_form textarea:active,
.poll__input {
    border: 1px solid #d7a2f0 !important;
}

.button.button--block:hover,
.button.logo-button:hover,
.simple_form button:hover,
.button:hover,
.simple_form .block-button:last-child:hover,
.floating-action-button:hover,
.privacy-dropdown__option:hover,
.privacy-dropdown__option.active:hover {
    background-color: #e5b7fa !important;
}

.reply-indicator__content a.unhandled-link,
.status__content a.unhandled-link,
.status__content__read-more-button,
.reply-indicator__content a,
.status__content a,
.landing-page__short-description p a,
.reply-indicator__content a,
.rich-formatting a,
.rich-formatting li a,
.rich-formatting p a,
.status__content a,
.status__content a span,
.account__header__bio .account__header__fields a,
a.mention.hashtag,
.filters .filter-subset a.selected,
.table > thead > tr > th,
.column-link--transparent.active,
.simple_form .hint a,
.public-layout .public-account-bio .account__header__fields a,
.link-button,
.public-layout .footer ul a,
.public-layout .public-account-bio .account__header__fields a span,
.contact-widget > a,
span.h-card a,
span.invisible a,
.account__header__bio .account__header__fields a span,
.about__section__title,
.about__mail,
.rules-list li::before,
.tabs-bar__wrapper span {
    color: #3b3b3b !important;
}

.public-layout .footer .brand:active .logo,
.public-layout .footer .brand:focus .logo,
.public-layout .footer .brand:hover .logo,
svg#logo-symbol-icon {
    color: #d7a2f0 !important;
}

.landing__brand svg,
.public-layout .header .brand svg,
.public-layout .header .brand .logo,
.logo {
    fill: #ffffff !important;
}

.logo,
.button.button--block,
.button span,
button.column-header__button i,
.column-header i {
    color: #ffffff !important;
    border: none;
}

.filters .filter-subset a.selected,
.tabs-bar__link.active,
.compare-history-modal .report-modal__target,
.dropdown-menu__container__header,
.dropdown-menu__item.edited-timestamp__history__item,
.dropdown-menu__separator,
.report-dialog-modal .poll__option.dialog-option,
.report-dialog-modal__container {
    border-bottom: 2px solid #e5b7fa !important;
}

.public-layout .public-account-header__tabs__tabs .counter.active::after {
    border-bottom: 4px solid #e5b7fa !important;
}