/* HTML and BODy  */
html
{
    border: px solid greenyellow;  
}    
body 
{         
    width : 1200px;
    margin-left : auto;
    margin-right : auto;
    padding : 10px;
    padding-top : 0; /* 0 is the only numeric value with which we can omit the measuring units */

    font-family : "Gill Sans", sans-serif;            
    font-size : 1em;
    color : #404040; /* this is a dark grey. This is now the default color for all the text in our page */
    
    border: px solid #000000;  

}
header, footer
{  
    padding: 2px;
    text-align: center; 
    color: black; 
    border: px solid red;  
}
/* CLASS attributes  
                             div clearfix    */
.clearfix::after 
{
    content: " ";
    clear: both;
    display: table;
     
    
  
}
.group:after 
{
  content: "";
  display: table;
  clear: both;
}
.column 
{
    float: left;
    padding: 10px;
    margin-left:   42px;
    border: 1px solid blueviolet; 
}
.content 
{
    width: 75%;
    border-left: px solid black;  
     background-color: white;
    border: px solid red; 
}
p.longword
{
    width: 11em; 
    border: 1px solid #000000;
    word-wrap: break-word;
}
/*  PRE   */
pre
{
    font-family : "Gill Sans", sans-serif;            
    font-size : 1em;
    color : black;
}
#border
{
    border: 2px solid  black;   
    
}
#margin
{
    margin-top: 10px;
     margin-left:   20px;
     padding: 0px;
    border: px solid  black;   
    
}
#space
{
    border: px solid black;
    padding-top:    0px;
    padding-right:  0px;
    padding-bottom: 40px;
    padding-left:   0px;
}

#Margin_Right
{
    
    margin-left : 300px;
     border: 2px solid  black;  
}
.col-md-8 
{
    margin-left:  200px;
    border: 1px solid black;   
}
      .container
      {

          border:       1px solid #000000; 
      }