/************************ DEFAULTS CSS ************************/

/* img width = content + padding + border */
* { box-sizing:border-box; }
/*

@font-face {
  font-family:"NotoSans CJK Regular";
  src: url(https://movingbarefoot.com/fonts/NotoSans-CJK-Regular.otf);
}

@font-face {
  font-family:"NotoSans Regular";
  src: url(https://movingbarefoot.com/fonts/NotoSans-Regular.ttf);
}

@font-face {
  font-family:"NotoSansSC Regular";
  src: url(https://movingbarefoot.com/fonts/NotoSansSC-Regular.otf);
}

@font-face {
  font-family:"NotoSansTC Regular";
  src: url(https://movingbarefoot.com/fonts/NotoSansTC-Regular.otf);
}

@font-face {
  font-family:YRDZST;
  src: url(https://movingbarefoot.com/fonts/YRDZST-Regular.ttf);
}

*/

@font-face {
  font-family:OzCaramel;
  src: url(https://movingbarefoot.com/fonts/OzCaramel.ttf);
}



html, body { 
	font-family:Arial, Helvetica, sans-serif; 
	color:#333; /* off-black, easy on the eyes */
	font-weight:400; 	
	font-style:normal; 
	font-variant:normal;
	vertical-align:baseline; 
}
	
html { height:100%; 
	margin:0; 
	padding:0; }

body { min-height:100%; 
	max-width:100%;
	margin:0 auto; /* top-bottom, right-left */
	padding:0;
}

h1, h2, h3, h4, h5, h6 { margin-bottom:0.5rem; }

sub, sup {
	font-size:0.75rem;
}

small { font-size: 0.8rem; }

cite, i { 
	font-style: oblique; 
	font-style: italic;  
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}