@import url('/assets/css/amulya.css');
@import url('/assets/css/hind.css');

:root {
    font-size: 12px;
    font-family: "Amulya-Regular", Helvetica, Arial, sans-serif;
}

@media screen {
    body {
        max-width: 8.5in;
        padding: 0.33in;
        margin: 0 auto;
    }
}

@media print {
    abbr {
        text-decoration: none;
    }
}

@page {
    margin: 0.33in;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Hind-Bold", Helvetica, Arial, sans-serif;
}

h1 {
    margin: 0 0 0.5em 0;
}

h2 {
    color: #444;
    margin: 0.5em 0;
}

h3 {
    display: none;
}

.contact {
    display: flex;
    flex-direction: row;
    font-family: "Amulya-Medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin: 1em 0;

    p {
        margin: 0 1em 0 0;
    }
}

.intro {
    display: flex;
    flex-direction: row;
    gap: 2em;
    margin: 1em 0;

    blockquote {
        flex: 1;
        margin: 0;

        p {
            margin: 0;
        }
    }
    ul {
        flex: 1;
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

        li {
            margin-right: 1em;
        }
    }
}

strong {
    font-family: "Amulya-Bold", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

a {
    text-decoration: none;
    color: #000;
}

hr {
    border: 0;
    height: 2em;
}

body > ul {
    list-style: none;
    padding: 0;

    > li > p > strong,
    > li > strong {
        font-family: "Amulya-Medium", Helvetica, Arial, sans-serif;
        font-weight: 500;
        color: #666;
    }
}

span {
    &.a {
        color: #000;
    }

    &.row {
        margin: 0 0.5em;
    }
}

.badges {
    ul {
        list-style: none;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

        li {
            margin-right: 2em;

            img {
                height: 6em;
            }
        }
    }
}