/* _____________ About Me Styling _____________ */
#aboutme {
    font-family: 'Junicode', sans-serif;
    font-weight: 400;
}

#aboutme .title {
    font-size: min(max(36px, 5vw), 80px);
}

#aboutme .text {
    color: var(--light-brown);
    font-size: min(max(16px, 2.6vw), 32px);
}

#aboutme-about {
    margin: min(max(30px, 8vw), 100px) auto min(max(100px, 10vw), 160px);
    gap: 6.6vw;
    margin-left: max(-10vw, -156px);
    margin-right: 0;
}

#aboutme-about .text br {
    margin-bottom: 1em;
}

#aboutme-about img {
    width: min(36vw, 600px);
    height: auto;
    object-fit: contain;
}

#aboutme .hr1 {
    width: 87.5vw;
    margin-right: calc((100vw - 100%) / (-2));
    border: 1px solid var(--light-brown);
}

#aboutme .hr2 {
    width: 100vw;
    margin-left: calc((100vw - 100%) / (-2));
    border: 1px solid var(--light-brown);
}

#aboutme-cosafaccio {
    margin: min(max(80px, 10vw), 150px) auto min(max(100px, 10vw), 160px);
}

#aboutme-cosafaccio .title {
    margin-bottom: min(6.6vw, 80px);
}

#aboutme-cosafaccio li {
    padding-left: min(4vw, 48px);
    padding-bottom: min(5vw, 60px);
}


#aboutme-cosafaccio ul ::marker {
    color: var(--dark-pink);
    font-size: min(max(18px, 3vw), 24px);
}