/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
  @media : body : margin, padding
*/


body { margin: 0; padding:  0.5rem;}


/*
@media only screen  {
  body { margin: 0; padding:  0.5rem;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body { margin: 0; padding:  0.5rem;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  body { margin: 0; padding:  0.5rem;}
}
*/


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
  @media : font-size
*/
@media only screen  {
  html { font-size: 1.0rem; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  html { font-size: 2.0em; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  html { font-size: 3.0em; }
}

/*

  body, div, p { margin: 0; padding: 0;}
  
  body { margin: 0; padding: 0;}
  div  { margin: 0; padding: 0;}
  p    { margin: 0; padding: 0;}
  


*/