.roboto-condensed-<uniquifier> {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.savate-<uniquifier> {
  font-family: "Savate", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


p { font-family: "Open Sans", sans-serif;}

ul  { font-family: "Open Sans", sans-serif;}

ol  { font-family: "Brush Script MT", cursive;}



h1 {color:blue;font-family: "Brush Script MT", cursive;}

div {
 color: white;
 background-color: green;
 width: 200px;
 
 padding: 10px 25px 5px 25px;
 margin: 50px 20px 10px 25px;
  } 
  
div.box1 { color: black;
   width: 250px;
   border: 5px dashed black;
   margin: 25px;
   padding: 10px 25px 5px 50px;
  font-family: "Savate", sans-serif;
}

div.box2 { color: blue;
   width: 250px;
   border: 5px dotted black;
   margin: 25px;
  font-family: "Savate", sans-serif;