#root{width:100%;min-height:100vh;margin:0 auto;padding:0rem;text-align:center}*{margin:0;padding:0;box-sizing:border-box;color:#a9a9a9}html,body{font-family:Courier New,Courier,monospace;background:whitesmoke}.nav{position:fixed;width:100%;display:flex;justify-content:flex-end;background-color:#fffc;padding:1rem}.nav-links{margin-left:1rem;text-decoration:none;color:#000;font-weight:700}.slide-in{position:fixed;top:0;left:0;width:100%;height:100vh;background:darkgray;transform-origin:bottom}.slide-out{position:fixed;top:0;left:0;width:100%;height:100vh;background:darkgray;transform-origin:top}