*{box-sizing:border-box}body,h1:is(.title),main{margin:0;padding:0;background-color:#2e2e45;font-family:Verdana,Geneva,Tahoma,sans-serif}h1:is(.title){text-align:center;padding:2rem;color:#fff}h2:is(.title){text-align:left;margin:0;padding:.4em;color:#d4d4d4;background-color:#45455b}.container{display:flex;gap:1rem;padding:.5rem}.container:not(.inside){flex-direction:column}@media (min-width:600px){.container:not(.inside){flex-direction:row}}.container>.container{flex-direction:column;flex:1 1;gap:0;padding:0;max-height:80vh;background-color:#212135;border-radius:1rem;overflow-y:hidden;min-height:40ch}.reset{display:inline-block;background-color:transparent;border:none;color:#929997;font-size:large}.reset:hover{cursor:pointer;background-color:#232323;border-radius:10px}#editor,#preview{flex:1 1;margin:.5rem;background-color:inherit;border:none;border-radius:1rem}#editor{padding:.75em;font-size:1.25em;color:#d4d4d4}#editor:focus{outline:none}#preview{padding:1em;color:#fff;overflow-y:scroll}.attribute{display:flex;justify-content:center;align-items:center;padding:1rem}.attribute>span{padding:1rem;border-radius:1rem;color:hsla(0,0%,84%,.532);font-weight:600}.attribute a{color:hsla(0,0%,84%,.532);text-decoration:none}.attribute a:hover{color:hsla(0,0%,100%,.841);text-decoration:underline}img{display:block;width:100%}code{background-color:#000;display:inline-block}table{border:1px solid #000;border-collapse:collapse}table *{padding:1em}th{background:#232323}a{text-decoration:none;color:#1e90ff}blockquote{border-left:2px solid #cea54c;padding-left:1em}