.maincontent {
    padding: 0;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}


/* Utilities */
.auto-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding: 0;
    align-items: center;
justify-content: center;
}

.auto-grid li {
    list-style-type: none;
}



.flow>*+* {
    margin-top: var(--flow-space, 1em);
}

/* Composition */
.team {
    --flow-space: 2em;
max-width: 1600px;
width: 100%;
margin-inline: auto;
}


/* Blocks */
.profile {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    aspect-ratio: 1/1;
    position: relative;
    padding: 1.5rem;
    color: #ffffff;
    backface-visibility: hidden;
    text-decoration: none;
    overflow: hidden;
    text-shadow: 0 0 5px black;
}

.profile:hover {
    color: white;
    text-decoration: none;
}

.profile::before,
.profile::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    /*inset: 0;*/
    top: 0;
    left: 0;
}

.profile::before {
    background: linear-gradient(to top,
            hsl(0 0% 0% / 0.79) 0%,
            hsl(0 0% 0% / 0.787) 7.8%,
            hsl(0 0% 0% / 0.779) 14.4%,
            hsl(0 0% 0% / 0.765) 20.2%,
            hsl(0 0% 0% / 0.744) 25.3%,
            hsl(0 0% 0% / 0.717) 29.9%,
            hsl(0 0% 0% / 0.683) 34.3%,
            hsl(0 0% 0% / 0.641) 38.7%,
            hsl(0 0% 0% / 0.592) 43.3%,
            hsl(0 0% 0% / 0.534) 48.4%,
            hsl(0 0% 0% / 0.468) 54.1%,
            hsl(0 0% 0% / 0.393) 60.6%,
            hsl(0 0% 0% / 0.31) 68.3%,
            hsl(0 0% 0% / 0.216) 77.3%,
            hsl(0 0% 0% / 0.113) 87.7%,
            hsl(0 0% 0% / 0) 100%);
    transition: 300ms opacity linear;
}

.profile::after {
    background: linear-gradient(45deg,
            hsl(5 97% 63% / 0.7) 0,
            hsl(5 97% 63% / 0) 100%);
    opacity: 0;
    transition: 300ms opacity linear;
}

.profile>* {
    z-index: 1;
    margin: 0;
}

.profile-item, .profile-description {
padding: 12px;
}

.profile img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    z-index: 0;
    object-fit: cover;
    filter: grayscale(1);
    transition: filter 200ms ease, transform 250ms linear;
}

.profile h2,
.profile p {
    transform: translateY(2ex);

}

.profile h2 {
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 0.03ch;
    transition: 300ms transform ease;
}

.profile p {
    font-size: 1.2rem;
    font-weight: 500;
}

.profile p {
    opacity: 0;
    transition: 300ms opacity linear, 300ms transform ease-in-out;
}

.profile:focus {
    outline: 0.5rem solid white;
    outline-offset: -0.5rem;
}

.profile:hover :is(h2, p),
.profile:focus :is(h2, p) {
    transform: none;
}

.profile:hover::after,
.profile:focus::after,
.profile:hover::before,
.profile:focus::before {
    opacity: 0.7;
}

.profile:hover p,
.profile:focus p {
    opacity: 1;
    transition-delay: 200ms;
}

.profile:hover img,
.profile:focus img {
    filter: grayscale(0);
    transform: scale(1.05) rotate(1deg);
}

.profile-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.profile-description hr {
    display: block;
    width: 100%;
}

#gridone {
    order: 1;
}

#gridtwo {
    order: 2;
}

#gridthree {
    order: 3;
}

#gridfour {
    order: 4;
}

#gridfive {
    order: 5;
}

#gridsix {
    order: 6;
}

#gridseven {
    order: 7;
}

#grideight {
    order: 8;
}

#gridnine {
    order: 9;
}

#gridten {
    order: 10;
}

#grideleven {
    order: 11;
}

#gridtwelve {
    order: 12;
}

#gridthirteen {
    order: 13;
}

#gridfourteen {
    order: 14;
}

.profileitem img{
max-width: 600px;
width: 100%;
margin-inline: auto;
}



.owner-profile {
background: var(--accent-color);
}

.profile-description-name {
	font-size: 32px;
}

@media(max-width: 1000px) {
    .auto-grid {
        grid-template-columns: 1fr;
max-width: 650px;
width: 98%;
margin-inline: auto;
    }

    #gridfour {
        order: 2;
    }

    #grideight {
        order: 6;
    }

    #grideleven{
        order: 13;
    }
}