/* style for CoinPages */

* {
    padding: .25rem;
    box-sizing: border-box;
}

/* default body styling */
body {
    margin: .5rem;
    padding: .5rem;
    background-image: url('../pix_supply/background/poland-background_red-eagle3_400px.jpgpoland-background_red-eagle3_400px.jpg');
    background-size: auto;   /*   background-size: cover; */
    background-repeat: repeat;   /*  no-repeat  */
    background-position: top left;
    min-height: 100vh;
}

/* landscape adjustments only */
@media (orientation: landscape) {
    body {
        margin: .5rem;
        padding: .5rem;
        background-image: url('../pix_supply/background/poland-background_red-eagle3_400px.jpg');
        background-size: auto;    /*   background-size: cover; */
        background-repeat: repeat;   /*  no-repeat  */
        background-position: top left;
        min-height: 100vh;
    }
}

/* image styling */
img {
    display: block;
    margin-left: 0;
    margin-right: auto;
    border: 1px;
    background-color: transparent;
    max-width: 100%;
    height: auto;

}


p {
    color: #000b42;
    text-align: left;
    font-family: Times, "Times New Roman", serif;
    font-size: 1.0rem;

    display: inline-block;   /* KEY FIX */
    padding: 0.25rem;
    margin: 0.25rem auto;     /* keeps it centered */

    outline: solid firebrick 1px;
    background-color: white;
    opacity: 0.9;
}

font {
    font-family: Times, serif;
    text-align: center;
    height: 1.1rem;
    padding: .25rem;
    margin: 0rem;
    box-sizing: border-box;
    outline: solid firebrick 1px;
    background-color: white;
    opacity: 0.8;
}

/* general color classes  */
.blk {
    color: black;
    background-color: transparent;
    }

.wht {
  color: white;
  background-color: transparent;
  }

 .red {
   color: rgb(100,43,49);
   background-color: transparent;
   }

/* grey -red used for auth  */
 .grd {
   color: rgb(74,47,35);
   background-color: transparent;
   }

 .gry {
     color: rgb(74,47,35); /* med grey */
     background-color: transparent;
     }

 .dgy {
     color: rgb(38,38,38);
     background-color: transparent;
     }
 .lgy {
     color: rgb(166,166,166);
     background-color: transparent;
     }

 .dbu {
    color: #000080; /* dk blue */
    background-color: transparent;
    }

.auth {
    font-size: .9rem;
    color: #404404;
    }

 .lge {
    font-size: 1.25rem;
    }
 p.lge::first-letter {
    font-size: 2.0rem;
   /* color: #612222;  */
        }

 .big {
         font-size: 1.8rem;
         }


a:link {
    font-size: 1.2em;
    color: #39c131;
    text-decoration: underline;
    box-sizing: border-box;
    outline: solid firebrick 2px;
    background-color: white;
    /* opacity: 0.7;  */
}

a:visited {
    font-size: 1.0em;
    color: #2776ec;
    text-decoration: none;
    box-sizing: border-box;
    outline: solid firebrick 2px;
    background-color: rgb(207, 207, 207);
    opacity: 0.7;
}

a:hover {
    font-size: 1.2em;
    color: magenta;
    text-decoration: underline;
    box-sizing: border-box;
    outline: solid firebrick 2px;
    background-color: rgba(81, 186, 106);
   /*    opacity: 0.7;   */
}

a:active {
    color: yellow;
    text-decoration: underline;
}
