.page_content > .account-container > .profile{
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 2px solid var(--border-color);
    height: fit-content;

    background-color: hsl(from var(--main) h s calc(l * 2));
}

.page_content > .account-container > .profile h2.username{
    font-size: 24px;
    color: hsl(from var(--main) h s calc(l * 8));
}

.page_content > .account-container > .profile p.about{
    font-style: italic;
}

.page_content > .account-container > .profile .icon{
    width: 200px;
    aspect-ratio: 1;
    height: auto;
    flex-shrink: 0;

    background-color: black;
    border-radius: 50%;
    border: 2px solid var(--border-color);

    object-fit: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}