/* START of background */

.app-body::before {
    content: ' ';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background-color: #a4508b;
    background-image: linear-gradient(326deg, #a4508b 0%, #5f0a87 74%);
    opacity: 0.2;
}

.tabs-bar__wrapper {
    background: #271836;
}

.app-body::after,
.app-holder::before,
.app-holder::after {
    content: ' ';
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    animation-timing-function: linear;
    animation-duration: 10s;
    animation-name: star-zoom-anim;
    animation-iteration-count: infinite;
    animation-play-state: running;
    filter: blur(2px);
    z-index: -1;
}

.app-body::after {
    box-shadow: -16vw -28vh 3px #ffcf91, -47vw -43vh 1px 3px #ffcf91, 25vw 27vh 3px 3px #ffcf91, 42vw -22vh 2px 3px #ffcf91, -24vw 46vh 3px 1px #ffcf91, -5vw -2vh 3px 3px #ffcf91, 48vw 2vh 1px 3px #ffcf91, 8vw -21vh 3px 1px #ffcf91, 10vw -47vh 2px #ffcf91, -1vw 16vh 3px 2px #ffcf91, -1vw 11vh 1px 2px #ffcf91, 3vw -14vh 2px 3px #ffcf91, -49vw 35vh 0 2px #ffcf91, -30vw -33vh 2px #ffcf91, 24vw -7vh 0 1px #ffcf91, 38vw -36vh #ffcf91, 22vw 40vh 2px #ffcf91, -28vw -46vh 1px 1px #ffcf91, -19vw 26vh 3px 2px #ffcf91, -32vw -31vh 1px 1px #ffcf91, 9vw -48vh 2px 1px #ffcf91, 28vw -8vh 0 3px #ffcf91, 43vw -3vh 2px 1px #ffcf91, 18vw 2vh 3px #ffcf91, 17vw 46vh 2px #ffcf91, 33vw 11vh 1px #ffcf91, -29vw 44vh 3px 1px #ffcf91, -5vw -37vh 3px 1px #ffcf91, 11vw 31vh #ffcf91, -14vw 30vh 3px 2px #ffcf91, -11vw -45vh 1px #ffcf91, 46vw -16vh 1px 2px #ffcf91, 45vw -49vh 3px 3px #ffcf91, -1vw -15vh 3px 2px #ffcf91, -47vw 24vh 0 3px #ffcf91, 3vw 36vh 3px #ffcf91, 4vw -44vh 1px 1px #ffcf91, -18vw 44vh 3px 1px #ffcf91, 13vw 5vh 0 3px #ffcf91, -48vw -7vh 0 1px #ffcf91, -50vw -18vh 1px #ffcf91, -35vw -29vh 1px 1px #ffcf91, -31vw -40vh 1px 2px #ffcf91, 24vw 44vh 3px 3px #ffcf91, -41vw -16vh #ffcf91, 13vw 0 1px 1px #ffcf91, 48vw 32vh #ffcf91, -38vw -39vh 2px 2px #ffcf91, 34vw 23vh 3px 3px #ffcf91, 5vw 18vh 1px 1px #ffcf91, -7vw 13vh 2px 2px #ffcf91, 29vw 34vh 1px #ffcf91, -4vw 25vh 1px 2px #ffcf91, -14vw -1vh 0 1px #ffcf91, -10vw -6vh 3px 2px #ffcf91, -19vw 26vh 3px 3px #ffcf91, 20vw 20vh 3px 1px #ffcf91, -16vw 50vh #ffcf91, 11vw 33vh #ffcf91, 12vw -35vh 1px 3px #ffcf91, 34vw -38vh 0 3px #ffcf91, -14vw 5vh 0 1px #ffcf91, 23vw 29vh 3px 3px #ffcf91, -5vw -39vh 1px 3px #ffcf91, 0 16vh 3px #ffcf91, -20vw 37vh 3px 1px #ffcf91, 48vw -48vh 3px 3px #ffcf91, 9vw -41vh 1px 3px #ffcf91, -48vw -6vh 3px 2px #ffcf91, -9vw -20vh 2px 3px #ffcf91, 15vw 11vh 1px 2px #ffcf91, -4vw -8vh #ffcf91, 38vw -47vh 3px 2px #ffcf91, 20vw 50vh 1px 2px #ffcf91, 43vw -2vh 0 3px #ffcf91, -17vw -50vh 0 2px #ffcf91, -30vw 24vh 1px #ffcf91, -16vw 23vh 3px 2px #ffcf91, 44vw -4vh 2px 3px #ffcf91, 11vw 1vh #ffcf91, -36vw 34vh 1px 1px #ffcf91, -3vw 15vh 0 1px #ffcf91, 30vw -45vh 3px 1px #ffcf91, -11vw 15vh 1px #ffcf91, 4vw 6vh #ffcf91, -50vw -6vh 2px 1px #ffcf91, 49vw -22vh 2px 2px #ffcf91, -42vw 37vh 2px #ffcf91, -35vw 5vh 0 1px #ffcf91, -1vw 13vh 3px 1px #ffcf91, 49vw 10vh 2px 1px #ffcf91, 10vw 43vh 1px 3px #ffcf91, 43vw 27vh 1px #ffcf91, -2vw -12vh 2px 2px #ffcf91, -37vw 38vh 2px #ffcf91, 17vw 17vh 2px 1px #ffcf91, 0 15vh 3px 2px #ffcf91, 9vw 5vh 1px #ffcf91, -24vw 16vh #ffcf91, 18vw -41vh 0 1px #ffcf91;
}

.app-holder::before {
    animation-delay: 3.3s;
    opacity: 0;
    box-shadow: -45vw -35vh 3px #9db7ff, 25vw 38vh 0 3px #9db7ff, -23vw -42vh 0 3px #9db7ff, 19vw -11vh 3px 1px #9db7ff, -18vw 29vh 2px 3px #9db7ff, 27vw -23vh 3px 1px #9db7ff, -17vw 46vh 0 3px #9db7ff, 37vw 36vh 1px #9db7ff, 47vw 38vh 3px #9db7ff, -30vw -48vh 3px 3px #9db7ff, -24vw -35vh 3px 3px #9db7ff, 33vw 0 2px 1px #9db7ff, -17vw 24vh 0 3px #9db7ff, 6vw -14vh 0 1px #9db7ff, 23vw -44vh 2px 1px #9db7ff, 2vw 43vh 3px 1px #9db7ff, -47vw 49vh 0 1px #9db7ff, 38vw 28vh #9db7ff, 45vw 1vh 0 1px #9db7ff, -45vw -29vh 0 2px #9db7ff, -22vw 40vh 1px 1px #9db7ff, -39vw -46vh 0 3px #9db7ff, 3vw -2vh 0 3px #9db7ff, -34vw 7vh 2px 2px #9db7ff, 0 50vh 3px 2px #9db7ff, 5vw 12vh 2px #9db7ff, 16vw 28vh 2px 1px #9db7ff, 46vw -2vh 3px 3px #9db7ff, -6vw 9vh 0 3px #9db7ff, 38vw -11vh #9db7ff, 27vw -47vh 2px 2px #9db7ff, 2vw -44vh 2px 2px #9db7ff, -30vw -26vh 1px 1px #9db7ff, -6vw 32vh 3px 3px #9db7ff, -34vw 29vh 2px 2px #9db7ff, -15vw -4vh 0 2px #9db7ff, 30vw 42vh 1px #9db7ff, 22vw 50vh 2px 3px #9db7ff, -18vw 16vh 1px 1px #9db7ff, 16vw -14vh 3px #9db7ff, -26vw 47vh #9db7ff, 46vw -33vh 2px 3px #9db7ff, -19vw 41vh 1px 1px #9db7ff, 34vw -22vh 3px 1px #9db7ff, 34vw 19vh #9db7ff, 6vw -17vh 3px 2px #9db7ff, 31vw 8vh 0 3px #9db7ff, 33vw -28vh 1px 3px #9db7ff, -6vw -2vh 0 2px #9db7ff, 47vw -17vh 1px 2px #9db7ff, 45vw -21vh 1px 3px #9db7ff, 48vw -31vh 2px #9db7ff, -10vw 30vh 2px 2px #9db7ff, -47vw -30vh 0 1px #9db7ff, 20vw -4vh 0 1px #9db7ff, 33vw -40vh 3px 1px #9db7ff, -13vw 42vh 2px #9db7ff, -7vw -37vh 0 1px #9db7ff, -38vw -34vh #9db7ff, 3vw -25vh 2px #9db7ff, 28vw 8vh 2px 1px #9db7ff, 39vw 45vh 3px #9db7ff, 8vw 37vh 0 2px #9db7ff, 15vw 46vh 2px #9db7ff, 15vw 23vh 2px 1px #9db7ff, 41vw -24vh #9db7ff, 24vw -16vh 2px 2px #9db7ff, -41vw -50vh 3px 2px #9db7ff, -17vw -16vh 3px 2px #9db7ff, 34vw -33vh 2px 2px #9db7ff, -13vw -42vh #9db7ff, 5vw -43vh 2px 2px #9db7ff, 49vw -26vh 1px 3px #9db7ff, -12vw -6vh 2px 2px #9db7ff, 6vw -43vh 3px 3px #9db7ff, 4vw 17vh 3px 3px #9db7ff, -36vw -22vh 2px 1px #9db7ff, 43vw 17vh 3px 2px #9db7ff, 29vw 29vh 0 2px #9db7ff, -24vw -8vh 1px #9db7ff, -9vw 20vh 3px 3px #9db7ff, -6vw -42vh 2px 3px #9db7ff, -1vw 40vh 0 3px #9db7ff, -41vw 48vh 2px 1px #9db7ff, 45vw -49vh 2px 3px #9db7ff, 8vw 5vh 0 1px #9db7ff, 15vw 29vh 1px #9db7ff, -3vw -3vh 0 1px #9db7ff, 46vw -31vh 1px 3px #9db7ff, -29vw 1vh 1px #9db7ff, -46vw -10vh 0 2px #9db7ff, 44vw 47vh 1px 3px #9db7ff, 41vw 4vh 3px 1px #9db7ff, -31vw 4vh 2px 2px #9db7ff, -4vw 28vh 1px 1px #9db7ff, 14vw 26vh 3px 3px #9db7ff, -42vw -48vh 3px 3px #9db7ff, -24vw 41vh 1px 2px #9db7ff, 44vw 47vh 2px #9db7ff, 17vw -34vh 2px #9db7ff;
}

.app-holder::after {
    animation-delay: 6.6s;
    opacity: 0;
    box-shadow: -19vw 22vh 3px 3px #ff9d9d, -42vw -7vh 3px 3px #ff9d9d, 44vw -30vh 2px 2px #ff9d9d, -27vw -5vh 3px 2px #ff9d9d, -44vw 42vh 1px 2px #ff9d9d, -34vw -9vh 0 2px #ff9d9d, -18vw -2vh 2px #ff9d9d, -7vw -27vh 3px 1px #ff9d9d, -32vw 26vh 1px 3px #ff9d9d, -26vw -11vh 3px 1px #ff9d9d, -35vw -43vh 2px 2px #ff9d9d, 3vw 3vh 1px 1px #ff9d9d, -45vw 2vh 2px #ff9d9d, -34vw -7vh 1px #ff9d9d, 44vw -2vh 0 1px #ff9d9d, -34vw -45vh 0 1px #ff9d9d, -1vw 19vh 1px #ff9d9d, 24vw 49vh 1px 2px #ff9d9d, 5vw -39vh 1px 1px #ff9d9d, 0 -30vh 0 1px #ff9d9d, 30vw 11vh 1px 2px #ff9d9d, -2vw -4vh 3px 2px #ff9d9d, -17vw -33vh 0 3px #ff9d9d, -41vw 45vh 2px 3px #ff9d9d, 48vw -14vh 3px 1px #ff9d9d, -8vw 25vh 0 3px #ff9d9d, 25vw -40vh 2px #ff9d9d, 48vw -47vh 1px 1px #ff9d9d, -25vw -12vh 3px 1px #ff9d9d, 3vw 18vh 2px 3px #ff9d9d, -50vw 46vh 3px #ff9d9d, 5vw -10vh 3px 2px #ff9d9d, 34vw -46vh 2px 1px #ff9d9d, 35vw 46vh 2px 2px #ff9d9d, 42vw 42vh 0 1px #ff9d9d, -26vw -40vh 3px #ff9d9d, -41vw -17vh 0 3px #ff9d9d, -22vw -5vh 1px 1px #ff9d9d, 24vw 49vh 0 2px #ff9d9d, -12vw -16vh 2px 3px #ff9d9d, 29vw -16vh 2px 1px #ff9d9d, 36vw 3vh 3px 3px #ff9d9d, -31vw -5vh 1px 3px #ff9d9d, 27vw -32vh 0 1px #ff9d9d, 32vw 33vh 2px 2px #ff9d9d, -41vw 50vh 1px 1px #ff9d9d, -31vw 22vh 0 1px #ff9d9d, 40vw 3vh 1px 2px #ff9d9d, -20vw -24vh 1px 2px #ff9d9d, -32vw 33vh 1px 3px #ff9d9d, -48vw 37vh 3px 3px #ff9d9d, 11vw 22vh 1px 1px #ff9d9d, -24vw 34vh 0 3px #ff9d9d, 35vw -16vh 3px 1px #ff9d9d, -2vw 13vh 1px 1px #ff9d9d, -17vw -37vh 3px 3px #ff9d9d, -15vw -27vh 3px 2px #ff9d9d, -16vw 8vh 2px 1px #ff9d9d, 44vw -30vh 0 2px #ff9d9d, -46vw -43vh #ff9d9d, -9vw 30vh 2px #ff9d9d, 23vw 25vh 0 3px #ff9d9d, 25vw -37vh 1px #ff9d9d, 18vw 19vh 2px 1px #ff9d9d, -37vw 32vh 0 3px #ff9d9d, 34vw -47vh 1px 2px #ff9d9d, -40vw -24vh 2px 1px #ff9d9d, 27vw 23vh 0 3px #ff9d9d, -36vw 5vh 0 2px #ff9d9d, -35vw 7vh 2px 3px #ff9d9d, -17vw 49vh #ff9d9d, 23vw -46vh 2px 2px #ff9d9d, -47vw 44vh 2px 1px #ff9d9d, 34vw 14vh 3px 3px #ff9d9d, 40vw 38vh 2px 2px #ff9d9d, -48vw 48vh 3px #ff9d9d, -27vw -32vh 0 1px #ff9d9d, 8vw 12vh 0 2px #ff9d9d, -1vw 16vh 0 3px #ff9d9d, -7vw -26vh 1px #ff9d9d, -29vw -1vh 2px 2px #ff9d9d, -21vw 17vh 1px 3px #ff9d9d, 6vw -23vh 2px 3px #ff9d9d, -6vw -14vh 3px 1px #ff9d9d, 24vw 27vh 3px 1px #ff9d9d, -32vw 13vh 0 2px #ff9d9d, -4vw -11vh 2px #ff9d9d, 11vw 23vh 3px #ff9d9d, 19vw 37vh 3px 2px #ff9d9d, 46vw 31vh 0 1px #ff9d9d, -37vw 27vh 2px 3px #ff9d9d, 33vw 22vh 1px 1px #ff9d9d, 43vw 3vh 2px 2px #ff9d9d, 0 -31vh 0 1px #ff9d9d, 49vw -18vh 1px 3px #ff9d9d, 7vw 36vh 0 3px #ff9d9d, 22vw 1vh 1px #ff9d9d, -42vw -44vh 1px 2px #ff9d9d, -6vw 27vh 3px #ff9d9d, -48vw 50vh 1px 1px #ff9d9d
}


@keyframes star-zoom-anim {
    0% {
        transform: scale(.75);
        opacity: 0
    }

    50% {
        transform: scale(1.25);
        opacity: .5
    }

    to {
        transform: scale(1.75);
        opacity: 0
    }
}


/* END of background */



/* START of Twitch Ship */

.compose-form {
    z-index: 2;
}

.drawer__pager:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    background-image: url('https://github.com/Khaoz-Topsy/CaptSteveWebsite/blob/master/assets/img/twitch-ship.png?raw=true');
    background-size: contain;
    width: 100px;
    height: 100px;
    z-index: 1;
    opacity: 0.5;
    will-change: transform;
    animation-name: background-ship1-anim;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 80s;
    animation-delay: 5s;
}

@keyframes background-ship1-anim {
    0% {
        transform: translate(-150%, -150%)
    }

    10%,
    100% {
        transform: translate(500%, 300%)
    }
}

/* END of Twitch Ship */


/* START General */
.account__header__bar .avatar .account__avatar {
    border-radius: 10px;
}

.account__header__bar .account-role.bot:before {
    content: 'NPC ('
}

.account__header__bar .account-role.bot:after {
    content: ')'
}
.confirmation-modal {
    background: #282c37;
    color: #f2f5f7;
}

.confirmation-modal__action-bar {
    background: #101217;
}

/* Set icon in top right corner of normal view */
.navigation-panel__logo svg.logo {
    opacity: 0;
}

.navigation-panel__logo .column-link--logo {
    position: relative;
}

.navigation-panel__logo .column-link--logo:before {
    content: '';
    background-image: url('https://nomanssky.social/instanceHeader.png');
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 7px;
}

@font-face {
    font-family: 'NMSGeoSans';
    src: url('/NMSGeoSans_Kerned.eot');
    src: url('/NMSGeoSans_Kerned.eot?#iefix') format('embedded-opentype'),
        url('/NMSGeoSans_Kerned.woff') format('woff'),
        url('/NMSGeoSans_Kerned.ttf') format('truetype');
}

*,
.drawer,
.navigation-panel,
.compose-panel,
.column {
    font-family: 'NMSGeoSans';
    font-size: 110%;
}

.reply-indicator__content, .status__content,
.account__header__content {
    font-size: 18px;
}


/* END General */

/* START Compose toot box */
.compose-form .autosuggest-textarea__textarea,
.compose-panel .compose-form__autosuggest-wrapper,
.compose-form .spoiler-input__input,
.compose-form .compose-form__modifiers,
.compose-form .compose-form__buttons-wrapper,
.emoji-picker-dropdown__menu,
.emoji-mart-search,
.emoji-mart-scroll {
    color: #fff;
    background: #282c37;
}

.emoji-mart-bar:first-child,
.emoji-mart-anchor-icon,
.emoji-mart-category-label span,
.emoji-mart-search input {
    color: #dedede;
    background: #3d414d;
}

.emoji-mart-category-label span {
    border-radius: 1em;
    padding-left: 10px;
}

button.button.button--block:before {
    content: '🚀';
    padding-right: 5px;
}

button.button.button--block:after {
    content: '🚀';
    padding-left: 5px;
}

.emoji-button {
    padding-top: 10px;
    padding-right: 10px;
}

.drawer__inner {
    z-index: 2;
}

/* END Compose toot box */


/* START Notification settings */
.status__wrapper-direct .status__visibility-icon i.fa.fa-at {
    color: #bd5da0;
}

.status__wrapper-public .status__visibility-icon i.fa.fa-globe {
    color: #50a45d;
}

.status__visibility-icon i.fa.fa-unlock {
    color: orange;
}

/* END Notification settings */



/* START Hastag style by @slashine@slashine.onl and @flyover@pullopen.xyz*/
.mention.hashtag.status-link {
    background-color: #93AEFD36;
    padding: 0px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-style: dashed;
    border-color: #93AEFD;
    border-width: 0.5px;
    border-radius: 5px;
    /* --- nms social --- */
    font-family: "mastodon-font-sans-serif", sans-serif;
    font-size: 15px;
}

.mention.hashtag.status-link:hover {
    background-color: #cdd2f54f;
}

/* END Hastag style */