.profile {
    box-shadow: rgb(128 128 128 / 35%) 0px 4px 6.84px;
}

.profile-0 {
    font-size: 1.1rem
}

.profile-0 [class^=btn-outline-], .profile-0 [class*=" btn-outline-"] {
    border-width: 2px
}

.profile-0 .btn {
    border-radius: 1.2rem
}

.profile-0 .title {
    font-size: 1.2rem;
    font-weight: 400;
    word-break: break-all;
}

.profile-0 .top {
    position: relative;
    padding: 0
}

.profile-0 .compass-container svg #compass_x5F_arrow {
    transform-origin: 50% 57%;
    animation: compassRotation 12s infinite ease-in-out
}

@keyframes compassRotation {
    50% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.branding-footer div div svg#leafy-brand #brand-wifi path,
.branding-footer div div svg#leafy-brand #brand-leafy path,
.branding-footer div div svg#leafy-brand #brand-card path {
    fill: #adb5bd !important;
}

.branding-footer {
    fill: #212529;
    color: #adb5bd;
}
.branding-footer .brand {
    width: 130px;
}

.branding-footer div .branding-container div {
    background-color: #212529;
}

.branding-footer div .branding-container div div {
    margin: auto;
}

.branding-footer div .branding-container div div p {
    text-align: center;
    padding: 0 0 2rem 0;
}

.branding-footer div .branding-container div div div {
    padding: 1rem 0 0 0;
}

.justify-content-md-center {
    justify-content: center !important;
}

@media(min-width: 600px) and (max-width: 1000px) {
    .scontainer {
        flex: 0 0 auto;
        width: 50%;
    }
}