* {box-sizing: border-box; margin: 0; padding: 0; font: 14px Arial, sans-serif;} 

body
  {
  background-color: #226;
  padding: 1vh;
  }

h1 {font-size: 2em;}
h2 {font-size: 1.4em; margin: 1vh 0;}

.beef
  {
  max-width: 1000px;
  min-height: 98vh;
  margin: 0 auto;
  padding: 1vh 2vw;
  background-color: #ddd;
  }

.box
  {
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);
  background-color: #eee;
  padding: 5px;
  margin: 2vh 0;
  }

.box h1 {font-size: 1.4em; margin: 1vh 0;}

ul {list-style-position: inside;}
ul>ul {margin-left: 20px;}

li {font-size: 1.3rem;}
ul>ul>li {font-size: 1.1rem;}
ul>ul>ul>li {font-size: 1.0rem;}
ul>ul>ul>ul>li {font-size: 0.9rem;}