:root {
     --color_lightgreen: #DDEB9D; /*alternatives:     */
     --color_darkgreen: #47663B; /*alternatives:     */
     --color_lightblue: #b3d6c6;  /*alternatives:     */
     --color_darkblue: #285943;   /*alternatives:     */
     --color_lightred: #e2d0be; /*alternatives:     */
     --color_darkred: #bc4749;  /*alternatives: #ba2d0b    */
     --table_width: 90%;
     --table_left: 5%;
     --video_width: 60%;
     --video_left: 20%;
 }
 
 * {
     background-color: var(--color_lightblue);
     color: black;
     font-size: 1rem;
     }
.emphasis {
	font-weight: bold;
}
     
 table {
     width: var(--table_width);
     position: relative;
     left: var(--table_left);
     border: 2px solid;
     border-collapse: collapse;
 
 }
 
 th, td {
     border: 1px solid;
 }
 
 .video video {
     width: var(--video_width);
     position: relative;
     left: var(--video_left);
 
 
 }
 
 
 @media screen and (max-width: 50rem) {
     :root {
         --table_width: 50rem;
         --table_left: 0%;
         --video_width: 100%;
         --video_left: 0%;
     
  }
}



/* 
comments 
*/