body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1em}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;gap:100px}hr{margin:40px 0;padding:0;height:0;border:none;border-top:1px solid #ddd}.nav-area{min-width:270px;width:auto;height:calc(100vh - 30px);background-color:#f7f7f7;position:fixed;top:0;left:0}.nav-area nav{padding:0 15px}.nav-area .nav-title{width:270px;text-align:center;font-size:11px}.nav-area .nav-section{background:#bbeffd4d;margin-top:20px;margin-bottom:-12px;padding-left:20px;font-size:22px;font-weight:500}li{list-style-type:none;line-height:1.6em;font-size:20px;cursor:pointer}li:hover{transition:.2s;background:#bbeffd4d}.selected-nav{background:#ffe56433}.editor-area{margin:20px 0 80px}.editor-container{width:100%;display:flex;justify-content:center;align-items:center}.editor-interface{width:945px;height:20px;margin:5px auto;display:flex;align-items:baseline;gap:2px;justify-content:space-between}.editor-code{width:720px;height:100%;overflow-x:unset}.read-code-area{margin:0!important;height:calc(100% - 2em);background:linear-gradient(transparent 50%,#458ed10a 50%) 0 0/3em 3em local content-box #fdfdfd!important}.results-area{width:280px;height:100%}.read-code-area{height:100%;border:1px solid rgba(79,75,75,.88);border-radius:4px}.edit-code-area{height:100%}.edit-code-area textarea{background:linear-gradient(transparent 50%,#458ed10a 50%) 0 0/3em 3em local content-box #fdfdfd;width:calc(100% - 2.1em);height:100%;resize:none;border-radius:4px;font-size:16px;line-height:1.5;padding:1em}.btn{border:none;text-align:center;text-decoration:none;display:inline-block;font-size:16px;transition-duration:.2s;cursor:pointer;border-radius:4px}.btn.editor-btn{background-color:#fff;color:#000;border:2px solid #555555}.btn.editor-btn:hover{background-color:#555;color:#fff}.editor-console-title{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.content-text{font-family:Graphik,sans-serif}h1{font-size:1.75rem;margin:2rem 0}.key-info{width:calc(100% - 30px);height:auto;background-color:#eab30824;padding:15px}.content{width:calc(100% - 36px);border:1px solid #c4c4c4;border-radius:4px;padding:15px;margin:15px auto;overflow-y:auto;overflow-x:hidden}.anchors{width:100%;height:auto;background-color:#bbeffd4d;padding:15px 0;margin:15px 0}.anchor-part{margin:7px 15px;gap:5px}.highlight{background-color:#ffe56433;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.base-container{width:calc(100vw - 370px)}.base-container .content-container{margin:0 470px;width:1000px}