<style type="text/css">


@font-face {
  font-family: "Brandon Grotesque Regular";
  font-style: normal;
  font-weight: normal ;
  src: url("https://github.com/soupliments/soupliments.github.io/blob/master/fonts/Brandon%20Grotesque/BrandonGrotesque-Regular.otf") format("opentype") , url("https://brianlindesign.com/Brandon%20Grotesque/Brandon_reg.otf") format( "opentype" ; local("Brandon Grotesque Regular") ) ;
}

@font-face {
  font-family: "Brandon Grotesque Italic";
  font-style: normal;
  font-weight: normal ;
  src: local("Brandon Grotesque Italic"), url("https://brianlindesign.com/Brandon%20Grotesque/Brandon_reg_it.otf") format( "opentype" ) ;
}

@font-face {
  font-family: "Brandon Grotesque Medium";
  font-style: normal;
  font-weight: normal ;
  src: local("Brandon Grotesque Medium"), url("https://brianlindesign.com/Brandon%20Grotesque/Brandon_med.otf") format( "opentype" ) ;
}

@font-face {
  font-family: "Brandon Grotesque Bold";
  font-style: normal;
  font-weight: normal ;
  src: local("Brandon Grotesque Bold"), url("https://brianlindesign.com/Brandon%20Grotesque/Brandon_bld.otf") format( "opentype" ) ;
}

@font-face {
  font-family: "Brandon Grotesque Black";
  font-style: normal;
  font-weight: normal ;
  src: local("Brandon Grotesque Black"), url("https://brianlindesign.com/Brandon%20Grotesque/Brandon_blk.otf") format( "opentype" );
}

.serif { font-family: "Brandon Grotesque Regular", "Futura", sans-serif;
}
.sansserif { font-family: "Brandon Grotesque Regular", "Futura", sans-serif;
}
.sans-serif { font-family: "Brandon Grotesque Regular", "Futura", sans-serif;
}
/* font-family: "Brandon Grotesque Thin", sans-serif; */
/* font-family: "Brandon Grotesque Light", sans-serif; */
/* font-family: "Brandon Grotesque Medium", sans-serif; */
/* font-family: "Brandon Grotesque Bold", sans-serif; */
/* font-family: "Brandon Grotesque Black", sans-serif; */
.italic {
   font-size: 0.8em ;
   line-height: 2em ;
   font-family: "Brandon Grotesque Italic", "Futura Italic", sans-serif; 
   font-style: italic;
   font-variant-ligatures: normal;
      }
.regular {
   font-size: 0.8 em ;
   line-height: 2em ;
   font-family: "Brandon Grotesque Regular", "Futura", sans-serif; 
   font-style: normal; 
   font-variant-ligatures: normal;
      }
.b , .bold {
   font-size: 0.8 em ;
   line-height: 2em ;
   font-family: "Brandon Grotesque Medium", "Futura", sans-serif; 
   font-style: normal; 
   font-variant-ligatures: normal;
      }
      
.smallbold {
   font-size: 10pt; 
   line-height: 2em ;
   font-family: "Brandon Grotesque Medium", "Futura", sans-serif; 
   font-style: normal; 
   font-variant-ligatures: normal;
      }
.boldcolor {
   font-size: 0.8 em ;
   line-height: 2em ;
   font-family: "Brandon Grotesque Medium", "Futura", sans-serif; 
   font-style: normal; 
   font-variant-ligatures: normal;
   background: #F0F0F0 ;
      }
   
p, td, h1, h3 { 
	  font-size: 0.8 em ;
	  line-height: 2em ;
   font-family: "Brandon Grotesque Regular", "Futura", sans-serif; 
   font-style: normal; 
   font-variant-ligatures: normal;
   bgcolor: "#ffffff" ; 
   } 
a, body, html { 
   margin: 20px auto 25 auto ; 
       min-height: 100vh;
           max-width: 800px;
		   background-color: "#ffffff" ;
	       /* background-color: papayawhip;  */
	           margin: 0 auto;
   /* width: 800px ;   */
	  font-size: 0.8 em ;
	  line-height: 2em ;
   font-family: "Brandon Grotesque Regular", "Futura", sans-serif; 
   font-style: normal; 
   font-variant-ligatures: normal;
   bgcolor: "#ffffff" ; 
   } 
.page { width: 800px; } 
img { max-width: 800px ; size: auto ; }
li.clear { clear: both; }
.imgsmall { max-width: 400px ; size: auto ; }
.imgmedium { max-width: 500px ; size: auto ; }
.imgsmaller { max-width: 250px ; size: auto ; }
img.userImage { max-width: 250px ; size: auto ; float: left ; }
img.binaryImage { max-width: 125px ; size: auto ; float: left ; }
img.resultImage { max-width: 250px ; size: auto ; float: left ; }
img.setImage { max-width: 80px ; size: auto ; float: left ; }
a img{ border:none; } 
a img:hover{ border:none; background-color: #E0DEE0} 
A:link { text-decoration: none ; color: #666 } 
A:hover { background-color: #E0DEE0; text-decoration: none ; color: #000 } 
A:visited { text-decoration: none ; color: #333 } 
A:active { text-decoration: none ; color: #000 } 
e/style>
