Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.

/*анкета оформление*/
.lank {
    width: 930px;
    min-height: 355px;
    background: rgb(var(--acc6),.13);
    box-shadow: inset 0px 0px 15px 5px rgb(var(--acc4),.4), 0px 0px 0px 1px rgb(var(--acc4));
    border: 1px solid rgb(var(--acc2));
    border-radius: 15px;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 200px auto;
    gap: 0px;
    align-items: center;
}

.tags {
    position: relative;
    width: 100%;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    grid-template-columns: 200px 420px;
    grid-template-rows: 60px;
    gap: 2px;
    z-index: 9999;
}

.aname {
    background: rgb(var(--acc3));
    border: 1px solid rgb(var(--acc5));
    padding: 4px 10px;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    line-height: 100%;
    align-items: center;
    height: 55px;
}

.afc, .city {
    background: rgb(var(--acc2));
    border: 1px solid rgb(var(--acc5));
    padding: 4px 10px;
    font-size: 11px;
    display: flex;
    line-height: 100%;
    align-items: center;
    position: relative;
    color: rgb(var(--acc4));
}

.job {
position: relative;
    display: flex;
    line-height: 100%;
    align-items: center;
    padding: 4px 10px;
    font-size: 11px;
    line-height: 100%;
    background: rgb(var(--color-pun));
    border: 1px solid rgb(var(--acc5));
}


.profc {
width: 180px;
    position: relative;
    display: flex;
    align-items: center;
    grid-row: span 4;
}

.profc img {
    width: 180px;
    max-height: 180px;
    background-size: contain !important;
    box-shadow: 0px 0px 15px 5px rgb(var(--acc4),.4), 0px 0px 0px 1px rgb(var(--acc4));
    border: 1px solid rgb(var(--acc2));
    filter: grayscale(0.7);
}


 .facts {
    width: 850px;
    min-height: 180px;
    height: 300px;
    position: relative;
    left: 50px;
    padding-top: 10px !important;
    padding-right: 10px !important;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0px 0px;
}


.facts fank {
 margin-bottom: 5px !important;
    display: flex;
    align-items: center;
    height: 28px;
    padding: 2px 16px !important;
    background: rgb(var(--acc4),.5);
    border: 1px solid rgb(var(--acc3));
    color: var(--acc6);
    white-space: break-spaces;
    max-width: 100%;
    line-height: 0 !important;
}

.facts span {
    margin-bottom: 0px !important;
    margin-top: 7px !important;
    padding: 10px 3px !important;
    color: var(--acc6);
    white-space: break-spaces;
    max-width: 100%;
    line-height: 140% !important;
   text-align: justify; 
}

.facts span > img {
    max-width: 500px;
    background-size: cover;
align-self: center;
}

/*-- спойлер html --*/
summary::-webkit-details-marker {display:none;}
summary::-moz-list-bullet {list-style-type:none;}
summary::marker {display:none;}
summary {
display:inline-block;
padding: .3em .5em .3em .4em;
font-size:1.4em;
cursor: pointer;
}

summary:before { 
content: "+";
margin-right: .3em;
}

details[open] > summary:before {
content: "–";
}

summary ~ * {
padding:0 1em 0 1em;
}

summary:focus {
outline:0;
box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);
}


details{
display:block;
margin-bottom: .5rem;
}

details p > img {
    max-width: 500px;
    background-size: cover;
align-self: center;
}

/* анкета старая версия */

.s-ank {
    width: 675px;
    background-color: rgb(var(--acc5), 0.1);
    border: 1px solid rgb(var(--acc1));
    padding: 20px 25px 25px;
    margin-top: 5px;
    border-radius: 0px 0px 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.s-double {
width: 675px;
    background-color: rgb(var(--acc5), 0.1);
    border: 1px solid rgb(var(--acc1));
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ank-name {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.2px;
}

.ank-fc {
letter-spacing: 0.4px;
    font-size: 10px;
    margin-top: -9px;
}

.ank-fc:after {
content: '\22B9\22B9\22B9\22B9\22B9';
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    letter-spacing: 5px;
    font-weight: 600;
}

.ank-gif {
    box-shadow: 0px 0px 1px 0px black;
    padding: 10px;
    margin-top: -15px;
}


.ank-gif img {
    max-width: 530px !important;
    border-radius: 10px;
    margin: 2px 5px!important;
}

.s-ank-about {
    margin-bottom: 10px;
    margin-top: -10px !important;
}

.s-ank-about ul {
 display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}

.s-ank-about ul li p:before {
    content: '\22B9';
    margin-right: 5px;
    padding-right: 4px;
}

.s-ank-about ul li::marker {
    font-size: 0px;
}

.s-ank-about ul li p {
background: rgb(var(--acc1));
    color: rgb(var(--acc4));
    border-radius: 0px;
    line-height: 130%;
    font-size: 10px;
    font-weight: 400;
    text-transform: lowercase;
    padding: 4px 10px 7px 10px !important; 
    width: fit-content;
}