*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{font-family:sans-serif;font-size:1.6rem;line-height:1.6;background:#000;height:100svh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#f8f8f2}div#layout{background:#282a36;height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}@media screen and (min-width: 40rem){div#layout{width:80%}}@media screen and (min-width: 80rem){div#layout{width:120rem}}a:link{color:#6272a4}a:visited{color:#bd93f9}a:hover{color:#6272a4}a:active{color:#f55}a:focus{outline:thin dotted}#layout>header{background:#44475a;display:flex;align-items:center;justify-content:center;flex-direction:row;width:100%}#layout>main{width:100%;padding:2rem;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-grow:1}article{width:100%}code{padding:0 .5rem;background:#44475a}pre{padding:.5rem;overflow-x:auto;border:#44475A solid .2rem}