*{font-family:Times New Roman,serif}h1{color:#000;margin:0}ul{padding:0}ul li{display:inline;padding:0 5px}li a{color:#000;text-decoration:none}span{letter-spacing:2px}body{background-color:#fff;position:relative;left:0;top:0;width:100vw;height:100vh;margin:0;overflow:hidden}.root{height:545px;text-align:center;position:absolute;left:50%;transform:translate(-50%,-50%);max-width:850px}.componentWindow{height:250px;margin:10px 0;overflow-y:auto}@media only screen and (max-width:600px){.body{position:fixed}.root{height:100%;width:100%;position:unset;top:unset;left:unset;transform:unset}.componentWindow{height:inherit}.footer{position:fixed;bottom:0;left:0;right:0}h1{font-size:50pt}span{font-size:15pt}li a{font-size:11pt}}@media only screen and (min-width:600px){.body{position:fixed}.root{top:50%;width:100%}h1{font-size:50pt}span{font-size:20pt}li a{font-size:13pt}}@media only screen and (min-width:768px){.root{top:50%;width:70%}h1{font-size:100pt}span{font-size:20pt}}@media only screen and (min-width:992px){.root{top:50%;width:50%}h1{font-size:100pt}span{font-size:20pt}}@media only screen and (min-width:1200px){.root{top:50%;width:50%}h1{font-size:100pt}span{font-size:20pt}}