/* styles.css */


  body {
    font-family: monospace;
    font-size:small;
    width: 700px;
    margin: auto;
    color: black;
    background-color: rgb(245, 255, 220);
    
   
  }
  

  
  mark.pink {
    color:#ff0080;
    background: none;
}

mark.blue {
    color:#0013e0;
    background: none;
}

img.with-text {  
    float: right;  
    max-width: 50%;  
    height: auto; } 
    .clearfix:after {   
        content: " ";    
        visibility: hidden;   
        display: block;   
        height: 0;   
        clear: both; 
    } 
img.between-text {  
    width: 40%;  
    height: auto;  
    display: block; 
    margin-left: auto; 
    margin-right: auto;} 

figcaption {
    text-align: center; 
    font-size: smaller;
    color: grey;
}
  
    .footer {
       position: fixed;
       left: 0;
       bottom: 0;
       width: 100%;
       background-color: none;
       color: grey;
       text-align: left;
       text-indent: 1%;
       font-size:0.5vw;
    }