body {
    background-image: url(/mainbg.jpg);
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

#overlay {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
    width: 100vw;
    background-image: linear-gradient(50deg, rgba(8,2,13,.7) 0%, rgba(16,5,30,.6) 50%, rgba(19,3,11,.7) 100%);
    background-size: cover;
    backdrop-filter: blur(6px);
}

#column {
    display: flex;
    line-height: 1.8;
    font-family: 'Rubik';
    flex-direction: column;
    padding: 30px 0px;
    max-width: 900px;
    gap: 15px;
}

.profile {
    border-radius: 10px;
    background: rgb(43,22,58);
    box-shadow: 0 0 24px -6px rgba(190,150,200,.4);
    padding-bottom: 100px;
}

.header {
    border-radius: 10px 10px 0 0;
    background-image: url(/header.jpg);
    background-position: 50%;
    background-size: 200px;
    height: 140px;
}

.header::after {
    border-radius: 10px 10px 0 0;
    display: block;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(15deg, rgba(105,91,140,.8) 0%, rgba(135,81,130,.8) 100%);
    border-bottom: 3px solid rgb(255,230,252);
    backdrop-filter: blur(2px);
}

.profile__content {
    margin-top: -60px;
    position: relative;
    z-index: 10;
}

.username {
    text-align: left;
    font-size: 32px;
    font-weight: bold;
    color: rgb(255,230,252);
    text-shadow: 0 0 4px rgb(43,22,58);
    padding: 0 3%;
}