.block
    margin-bottom: 1rem
    padding: 1rem

    display: flex
    flex-direction: column

    background-color: rgba($black, 0.5)
    border-radius: 2px
    border: 1px solid RGBA($white, 0.05)

    > h2
        margin: 0 0 0.2rem 0
        font-size: 1.3em
        color: RGB($white)

    > p
        margin: 0 0 1rem 0
        font-size: 1em

    &.secondary
        border: 1px solid RGB($secondary)

        > h2
            color: RGB($secondary)

    form
        display: flex
        flex-direction: column
        gap: 0.5rem

.account-block
    margin-bottom: 1rem
    padding: 1rem

    display: flex
    flex-direction: row
    gap: 1rem

    background-color: rgba($black, 0.5)
    border-radius: 2px
    border: 1px solid RGBA($white, 0.05)

    > img
        height: 10rem
        width: 10rem

        background-color: RGBA($white, 0.02)
        border: 1px solid RGBA($white, 0.1)
        border-radius: 2px

        object-fit: cover

    .other
        width: 100%

        display: flex
        flex-direction: column
        justify-content: flex-start

        gap: 0.5rem

        h2
            margin: 0
            font-size: 1.3rem
            color: RGB($white)

        p
            margin: 0
            font-size: 1rem
            color: RGB($white)

        hr
            margin: 0
            width: 100%
            border: 0 solid transparent
            border-bottom: 1px solid RGBA($white, 0.1)

@media (max-width: 621px)
	.account-block
		flex-direction: column

		> img
            margin: 0 auto
            width: 15rem
            height: 15rem