@layer utilities {
    @font-face {
        font-family: solaimanlipi;
        src: url('/SolaimanLipi.ttf') format("opentype")
    }

    body {
        font-family: 'solaimanlipi';
    }

    .row-area {
        grid-gap: 0.5rem;
        display: grid;
        grid-template-columns: auto 496px;
    }

    #capture,
    #capture-download {
        position: relative;
    }

    .profile-pic {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: -1;
    }

    .profile-cover {}

    .cd-name {
        font-family: 'Solaimanlipi';
        position: absolute;
        right: 70px;
        bottom: 14px;
        height: 45px;
        background-color: transparent;
    }

    /* Chrome version 29 and above */
    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
        .cd-name{
            bottom: 14px;
        }
    }

    input[type='file'] {
        color: transparent;
    }
}