/*Define the fonts*/

@font-face {
    font-family: 'Andalus';
    src: url('/styles/fonts/Andalus.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Augusta';
    src: url('/styles/fonts/Augusta.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Celtic';
    src: url('/styles/fonts/Celtic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Meath';
    src: url('/styles/fonts/MeathFLF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*CSS will not ADD padding and border dimensions to specified width or height*/
* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

html {
    background-image: url('/media/campbell-tartan-Registry.jpg');
    background-attachment: fixed;
    background-size: 25%;
    font-size: 10pt;
}

body {
    top: 0;
    left: 0;
    background-color: transparent;
    margin: 0;
    padding: 0;
    overflow: auto;
}

img {
    max-height: 100%;
    max-width: 100%;
}

main {
    margin: 0;
    padding: 0;
    background-image: url('/media/paper.gif');
    font-family: 'Andalus';
    font-size: 1.2rem;
    color: black;
    overflow: auto;
}

    main a sup {
        font-size: .75rem;
    }

    main a,
    main a:visited {
        font-family: 'Times New Roman';
        color: blue;
    }

        main a:hover {
            color: red;
        }

    main h1 {
        font-family: 'Meath';
        font-variant: small-caps;
        text-align: center;
    }

    main h2,
    main h3 {
        font-family: 'Andalus';
    }

    main sup {
        font-family: 'Times New Roman';
        text-decoration: underline;
    }

.main-content {
    margin: 1rem;
}


@media screen and (pointer:coarse) {
    a {
        line-height: 200%;
    }
}