/* this is a comment in CSS, and generally is done in the line above the command */
/* remember the box approach where everything is boxed on top of the body */
/* remember .class    element    #id   pseudo IDs/Classes   */


body {    /* this is a tag */
    margin: .5em; /* is the space between items */
    padding: 1em; /* is the bulking out of an item */
}
.main {
    margin: 1em;
    max-width: 60vw;
}
h1 {font:  17px/17x bold courier new;     /* this is a tag */
    
}
h2 {font:  16px/16x bold courier new;     /* this is a tag */
    
}
p { font: 17px/20px courier new 

}
table { font: 17px/20px courier new; border: solid 1px black;  border-collapse: collapse;

}

td, th {
  border: 1px solid #999;
  padding: 0.5rem;
  text-align: left;
}
.border {
  border: solid 1px black;
}

ul { font: 17px/20px courier new 

}
ol { font: 17px/20px courier new 

}
}
li { font: 17px/20px courier new 
img {
    max-width:500px;
    max-height:500px;
}
}
.line {
  border-top: 1px solid grey;
  flex-grow: 1;
  margin: 0 10px;
}
.code {
    font: 17px/20px courier new; 
    background-color: #CCCCCC;
}