.highlite-keyword{color:#c400c4}.highlite-class{color:#0b0}.highlite-function{color:#caa21e}.highlite-variable{color:#038ece}.highlite-string{color:#b92c01}.highlite-comment{color:#0d9e00}.highlite-light-keyword{color:#2400f1}.highlite-constant,.highlite-number{color:#0354ce}body{margin:0;font-family:Arial,Helvetica,sans-serif}#code-block{min-height:4rem;width:100%;display:flex;justify-content:flex-start;background-color:#fff}#code-block>code{padding:1.5rem;background-color:#f5f5f5;border-radius:.8rem;width:100%;height:100%}#code-block-wrapper{width:100%;max-height:80%;min-height:80%;overflow:hidden}#site-wrapper{display:grid;place-items:center;height:100vh;width:100vw;grid-template-columns:50% 50%}#input-wrapper{padding:2rem;width:calc(100% - 4rem);height:calc(100% - 4rem)}#output-wrapper{display:flex;height:calc(100% - 4rem);width:calc(100% - 4rem);align-items:center;flex-direction:column;padding:2rem}#output-wrapper>div{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:calc(85% + 2rem)}#input-wrapper>textarea{padding:1rem;width:100%;height:85%;border:none;border-radius:.5rem;background-color:#f5f5f5;font-size:1rem;resize:none}h1{font-size:1.5rem;margin-bottom:1rem;width:100%}#output-wrapper>div>button{padding:1rem;width:100%;border:none;border-radius:.5rem;background-color:#d6d6d6;font-size:1rem;cursor:pointer}#output-wrapper>div>button:hover{background-color:#c6c6c6}#output-wrapper>div>button:active{background-color:#b6b6b6}