diff --git a/README.md b/README.md index 28ef019..6bd6781 100644 --- a/README.md +++ b/README.md @@ -25,7 +25,7 @@ Please note that your deployed page must be served over HTTPS. This is not neces ## Demo -Check [the WebContainer API demo app](webcontainer.new). +Check [the WebContainer API demo app](https://webcontainer.new). Here's an example `main.ts` file: diff --git a/style.css b/style.css index 2ad55a6..9e717b2 100644 --- a/style.css +++ b/style.css @@ -2,10 +2,14 @@ box-sizing: border-box; } +:root { + font-family: Inter, system-ui, Segoe UI, Roboto, Helvetica Neue, sans-serif; + color: black; + background: white; +} + body { margin: 0.5rem 1rem; - height: 100vh; - font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; } header { @@ -39,8 +43,10 @@ textarea { background: black; color: white; padding: 0.5rem 1rem; - font-size: 120%; margin-bottom: 10px; + font-size: 0.9rem; + line-height: 1.2rem; + font-family: Menlo, Cascadia Code, Consolas, Liberation Mono, monospace; } .container {