@import url(https://fonts.googleapis.com/css2?family=Big+Shoulders+Display&family=Roboto+Mono&display=swap);
body{margin:5px;background:#d8e0d8}@media(prefers-color-scheme: dark){body{background:#292a2e}}#content-file{display:grid;grid-template-columns:300px 1fr 1fr;grid-column-gap:5px;height:calc(100vh - 10px)}#content-home,#content-signup{margin:auto;max-width:650px}form{display:flex;flex-direction:column;margin-top:2em}#logo{font-family:"Big Shoulders Display",cursive;font-size:50px;text-align:center;box-sizing:border-box;text-decoration:none;color:#000}@media(prefers-color-scheme: dark){#logo{color:#fff}}#logo div{display:flex;justify-content:center;align-items:center}#logo div img{height:1em}#logout{font-family:"Arial",sans-serif;display:block;text-align:center;width:calc(100% - 4px);margin:2px;padding:3px;box-sizing:border-box;font-size:14px;font-weight:bold;cursor:pointer;text-decoration:none;background-color:#999;color:#fff;border:1px solid #999}@media(prefers-color-scheme: dark){#logout{background-color:#5c5c5c;color:#1c1c1f;border-color:#5c5c5c}}#logout:hover{color:#999;background-color:#fff}@media(prefers-color-scheme: dark){#logout:hover{color:#5c5c5c;background-color:#1c1c1f}}#nav-container,#login-container,#signup-container{height:100%;overflow-y:auto;background:#fff}@media(prefers-color-scheme: dark){#nav-container,#login-container,#signup-container{background:#1c1c1f}}#login-container input,#signup-container input{margin:2px;font-size:14px;border:1px solid #000}@media(prefers-color-scheme: dark){#login-container input,#signup-container input{border-color:1px solid #fff}}#login-container input:focus,#signup-container input:focus{outline:none}#login-container button,#login-container #signup,#signup-container button,#signup-container #signup{font-family:"Arial",sans-serif;display:block;text-align:center;margin:2px;padding:3px;box-sizing:border-box;font-size:20px;font-weight:bold;cursor:pointer;text-decoration:none;border:1px solid #00a000;background:#00a000;color:#fff}@media(prefers-color-scheme: dark){#login-container button,#login-container #signup,#signup-container button,#signup-container #signup{border-color:#050;background:#050;color:#1c1c1f}}#login-container button:hover,#login-container #signup:hover,#signup-container button:hover,#signup-container #signup:hover{background:#fff;color:#00a000}@media(prefers-color-scheme: dark){#login-container button:hover,#login-container #signup:hover,#signup-container button:hover,#signup-container #signup:hover{background:#1c1c1f;color:#050}}#login-container #signup,#signup-container #signup{margin-top:2em}#editor-container{height:100%;overflow-y:auto;background-color:#fff}@media(prefers-color-scheme: dark){#editor-container{background-color:#1c1c1f;color:#fff}}#editor-container>div{height:100%}#editor-container textarea{color:#000;font-family:"Roboto Mono",monospace;margin:0;width:100%;height:100%;box-sizing:border-box;border:0;padding:5px;resize:none}#render-container{padding:10px;height:100%;overflow-y:auto;box-sizing:border-box;background:#fff;color:#000}@media(prefers-color-scheme: dark){#render-container{background:#1c1c1f;color:#fff}#render-container a:link{color:#fff}#render-container a:visited{color:#fff}}#create-file{margin:2px;font-family:"Arial",sans-serif;text-decoration:none}#create-file button{padding:3px;box-sizing:border-box;width:100%;font-size:20px;font-weight:bold;cursor:pointer;border:1px solid #00a000;background:#00a000;color:#fff}@media(prefers-color-scheme: dark){#create-file button{border-color:#050;background:#050;color:#1c1c1f}}#create-file button:hover{background:#fff;color:#00a000}@media(prefers-color-scheme: dark){#create-file button:hover{background:#1c1c1f;color:#050}}.navnode{font-family:"Roboto Mono",monospace;font-size:14px;display:grid;grid-template-columns:1fr auto;padding:3px;margin:2px;background:#e0e0e0}@media(prefers-color-scheme: dark){.navnode{background:#444}}.navnode a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;padding:2px;color:#000}@media(prefers-color-scheme: dark){.navnode a{color:#fff}}.navnode .buttons{display:inline}.navnode button{margin:0 1px;opacity:0;border-radius:4px;border:0;padding:2px;background:none}.active{font-weight:bold;background-color:#bababa}@media(prefers-color-scheme: dark){.active{background-color:#6a6a6a}}.navnode:hover{background:#d0d0ff}@media(prefers-color-scheme: dark){.navnode:hover{background:#232750}}.navnode:hover button{opacity:1;cursor:pointer}.navnode:hover button:hover{background:#9d9dff}@media(prefers-color-scheme: dark){.navnode:hover button:hover{background:#333873}}