body
    margin: 0
    color: black

.logo
    font-size: 8vw
    font-family: "Open Sans"
    font-weight: bold
    text-transform: uppercase
    text-align: center
    text-shadow: 2px 2px 1px #007104
    color: #00b300
    letter-spacing: 5px
    user-select: none
    cursor: default
    .part1, .part2
        display: inline-block
    .part1
        color: #03A9F4
        text-shadow: 2px 2px 1px #0059a0
        margin-right: 5px
    &.small
        font-size: 30px
        text-align: inherit
        cursor: pointer
        display: inline-block

.carousel
    margin-bottom: 4rem

    .carousel-item
        height: 40rem
        background-color: #777

        & > img
            position: absolute
            top: 0
            left: 0
            min-width: 100%
            height: 40rem

.marketing .col-lg-4
    margin-bottom: 1.5rem
    text-align: center
    
    .circular-header
        width: 140px
        height: 140px
        vertical-align: middle
        display: inline-block
        border-radius: 50% !important
        line-height: 9rem
        font-size: 5rem
        color: #fff

.news-article
    margin-bottom: 4rem
    
    .news-title
        margin-bottom: .25rem
        font-size: 2.5rem
    
    .news-meta
        margin-bottom: 1.25rem
        color: #999

.g-recaptcha
    margin-top: 10px

code
    white-space: pre

.button
    display: inline-block
    margin-right: 5px

.check label
    display: inline-block
    margin-right: 5px

.pgn
    display: inline-block
    margin-left: 10px
    .button
        margin: 0 1px

.pagenum
    display: inline-block
    padding: 10px
    &.total
        color: #a9a9a9
        font-style: italic

.app-button
    display: inline-block
    img
        width: 200px
    &.apple
        img
            width: 175px
            padding: 0 12px

.login-btn
    display: block
    text-decoration: none
    border-radius: 5px
    margin-top: 5px
    padding: 5px 5px
    width: 215px
    height: 50px
    cursor: pointer
    margin-left: 5px

    &.twitter-login
        background-color: #fff
        border: 1px solid #ddd
        line-height: 2.2rem
        
        i
            color: #03A9F4
            font-size: 22px
        span
            color: #000
            display: inline-block
            vertical-align: top
            margin-left: 12px

    &.discord-login
        background-color: #99aab5
        line-height: 2.4rem
        
        span
            color: white
            vertical-align: top
            margin-left: 3px
            display: inline-block
        img
            width: 45px
            display: inline-block

    &.google-login
        background-color: #4285f4
        border: 1px solid #ddd
        line-height: 2.2rem

        i
            color: #fff
            font-size: 22px
        span
            color: #fff
            display: inline-block
            vertical-align: top
            margin-left: 12px

    &.disconnect
        margin-top: 5px
        padding: 10px
        background-color: #ff6c6c
        color: #fff
        width: 215px
        border-radius: 5px

span.divider
    color: #ddd
    margin: 0 5px
    cursor: default

.nobulletin
    list-style-type: none
    padding-left: 2em
    i.fa
        margin-right: 10px

.haveaccess
    color: #0c9a0c
    span
        font-weight: bold
.noaccess
    color: red
    span
        font-weight: bold

.unaffiliated
    font-size: 120%
    text-align: center
    color: #FF5722
    font-weight: bold

.message
    display: block
    margin: 1px
    padding: 5px
    background-color: #a6ffb5
    border: 1px solid green
    &.error
        background-color: #ff8484
        border: 1px solid maroon

.application
    display: flex
    flex-direction: row
    margin-bottom: 15px
    #deleteclient
        color: red
        font-size: 120%
        cursor: pointer
    .picture
        width: 120px
        height: 120px
        position: relative
        display: inline-block
        .noicon
            width: 100%
            height: 100%
            text-align: center
            background-color: #40aaff
            color: #fff
            i
                font-size: 500%
                margin-top: 20px
    .info
        flex-grow: 1
        margin-left: 15px
        .name
            font-size: 120%
            font-weight: bold
            text-overflow: ellipsis
            overflow: hidden
        .description
            font-size: 80%
            font-style: italic
            word-wrap: break-word
        .url
            display: block
            text-overflow: ellipsis
            overflow: hidden
            max-width: 200px

input.authorize
    background-color: #00b0ff
    font-size: 200%
    color: #fff
    border: 1px solid #2196F3

input.deny
    font-size: 160%
    background-color: #f10
    border: 1px solid #e00000
    color: #fff

input.invalid
    border: 1px solid #f00
    outline: red

#repeatcheck
    color: red
    padding: 10px

.article
    .title
        font-size: 200%
        font-weight: bold
    .author
        font-size: 80%
        color: #565656
    .timestamp
        display: inline-block
    .content
        margin-top: 20px
        margin-bottom: 20px

span.load
    font-size: 120%
    span
        vertical-align: super
        margin-left: 10px

.content
    hr
        border-color: #ffffff
        margin: 20px 0

.option
    display: block

.specify
    display: inline-block
    width: 22px
    text-align: center
    margin-left: 5px
    background-color: #2196F3
    color: #fff
    border-radius: 100px
    cursor: help
    font-size: 19px

.dialog-drop
    display: block
    position: fixed
    display: none
    top: 0
    left: 0
    bottom: 0
    right: 0
    background-color: rgba(56, 56, 56, 0.8)
    z-index: 10
    .dialog
        min-width: 400px
        width: fit-content
        max-width: 50vw
        min-height: 180px
        height: fit-content
        background-color: #fff
        margin: auto
        margin-top: 5%
        transition: all 0.1s linear
        overflow: hidden
        .pad
            padding: 5px
        .head
            height: 40px
            background-color: #e6e6e6
            box-shadow: 0px 3px #ddd
            overflow: hidden
            position: relative
            #title
                max-width: 80%
                text-overflow: ellipsis
                overflow: hidden
                white-space: nowrap
                margin: 12px
                display: block
            #close
                position: absolute
                top: 6px
                right: 5px
                color: #ff2525
                cursor: pointer
                padding: 5px

.cropbox
    padding: 10px
    .preview
        max-width: 160px
        max-height: 160px
    .buttons .button
        margin-right: 5px

.avatarCont
    height: 180px
    .avatar
        float: left
    .options
        margin-left: 170px
        a
            display: block

.avatar
    width: 160px
    height: 160px
    position: relative
    border: 1px solid #ddd
    img
        position: absolute
        width: 100%
        height: 100%
        margin: auto
    .noavatar
        font-size: 120px
        text-align: center
        line-height: 160px
        color: #fff
        background-color: #d0d0d0

noscript
    position: fixed
    display: block
    width: 100%
    background-color: rgba(255, 95, 95, 0.6)
    color: #fff
    text-shadow: 1px 1px 3px #000
    text-align: center
    z-index: 100

.last-modified
    font-style: italic
    color: #7d7d7d
    display: block
 
.btn-social
    width: 28px
    height: 28px
    display: block
    line-height: 28px
    color: #fff
    font-size: 120%
    border-radius: 100px
    padding: 0 2px
    margin: 5px
    &#gitlab
        background-color: #292961
        font-size: 115%
    &:hover
        color: #ddd

main .container:first-child
    min-height: 90vh

@media all and (max-width: 500px)
    section
        padding: 10px
    .logo.small
        font-size: 5vw
    .divbox
        margin: 10px 0px