@charset "utf-8";
/* CSS Document */
* {
   padding: 0px;
   margin: 0px;
}
.jenn_comment {
   color: red;
   font-size: 24px;
   font-weight: bolder;
   background: rgba(66, 0, 0, .25);
   border: thin solid red;
}
#bodycopy {
   width: 80%;
   margin: 50px 50px 50px 50px;
   font-size: 24px;
}
a:link, a:visited {
  color: #666;
}
a:hover {
  color:#bbb; 
}
/*#nav_bar {
   margin-bottom: 25px;
   color: #666;
}*/
.header1 {
   font-weight: bolder;
   font-size: larger;
}
.header2 {
   font-size: larger;
}
.header3 {
/*   font-style: oblique*/
   font-weight: bolder
}
p::after {
  content: "\00a0";
  display: block;
}
.page_pic_layer {
   margin: 0 25px 0 0; 
   display: inline-block; 
   float: left;
   padding-bottom: 15px
}
ol, ul {
   list-style-position: inside;
}
li {
   padding-left: 25px;
}
li::after {
  content: "\00a0";
  display: block;
}
ol ul::after {
  content: "\00a0";
  display: block;
}
.li-h {
   font-style: italic;
}
.li-h::after {
   content:"\a";
   display: block;
   white-space: pre;
}
.two_em_shift {
   display: block;
   padding-left: 1em;
}
.quarter_box {
   display: inline-block;
   vertical-align: text-top;
   width: 200px;
   color: white;
   background-color: blue;
   margin: 0 50px 50px 0;
   padding: 25px;
}
.quarter_box p {
   font-size: smaller;
}
.blinking{
   animation: blinkingText 1.2s infinite;
   font-size: xxx-large; 
   background-color: #900;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: #000; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}