#id-card {
    background-color:#e8e8e8;
    color:#121212;
    display:grid;
    grid-template-columns:2fr 5fr 1fr;
    max-width:70%;
    font-size:1vw;
    transform:rotate(0.75deg);
    box-shadow:0.325em 0.5em 0.5em var(--blue-dark);
    font-family:sans-serif;
    margin-bottom:2.25em;
}

#id-card * {
    text-shadow:none;
    margin:0.125em;
}

#id-card ul {
    border-left:#121212 0.25em solid;
}

#id-pic {
    background-image:url("/img/id/IdCatTrans-2025.webp");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    display:block;
    width:auto;
    height:100%;
}

#id-card img {
    position:relative;
    top:80%;
    pointer-events:none;
}

.about p {
    margin-bottom:1.25em;
    margin-right:30vh;
}

.about p:last-of-type {
    max-width:75%;
}

@media only screen and (max-width:900px) {
    #id-card {
        display:flex;
        flex-flow:column;
        margin:2.25em auto;
        max-width:90%;
        font-size:0.6em;
        transform:none;
    }

    #id-pic {
        position:relative;
        display:inline;
        min-height:10rem;
    }

    #id-card ul {
        border-left:none;
        border-top:#121212 0.25em solid;
    }

    #id-card img {
        max-width:20%;
        left:80%;
    }

    .about p {
        margin-right:inherit;
    }
}