*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,sans-serif;margin:0;padding:0;height:100vh;overflow:hidden;background-color:#1e1e1e;color:#d4d4d4}#root{display:flex;flex-direction:column;height:100%}.app-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.top-bar-area{display:flex;align-items:center;justify-content:space-between;padding:.25rem .75rem;background-color:#252526;border-bottom:1px solid #333333;flex-shrink:0;height:2rem}.top-bar-left-placeholder{min-width:50px}.search-bar-container-wrapper{flex-grow:1;display:flex;justify-content:center}.search-bar{background-color:#3c3c3c;color:#ccc;padding:.3rem .8rem;display:flex;align-items:center;font-size:.875rem;border-radius:4px;max-width:400px;width:100%}.search-bar .codicon-search{margin-right:.5rem;color:#ccc}.search-bar input{background-color:transparent;border:none;outline:none;color:#ccc;width:100%;font-size:.875rem;padding-left:.3rem}.search-bar input::placeholder{color:gray}.top-bar-right-controls{min-width:50px;display:flex;justify-content:flex-end}.top-bar-icons{display:flex;align-items:center}.top-bar-icons .codicon{color:#ccc;font-size:1rem;padding:.2rem .3rem;cursor:pointer;border-radius:2px}.top-bar-icons .codicon:hover{background-color:#3c3c3c}.top-bar-icons .codicon.codicon-split-horizontal{margin-right:.2rem}.main-layout-area{display:flex;flex-grow:1;overflow:hidden}.activity-bar-bg{background-color:#333;display:flex;flex-direction:column;align-items:center;padding-top:.5rem;padding-bottom:.5rem;width:3rem;flex-shrink:0}.activity-bar-bg .codicon{font-size:1.5rem;margin-bottom:1rem;color:#858585;cursor:pointer;padding:.2rem 0}.activity-bar-bg .codicon:hover,.activity-bar-bg .codicon.active-icon{color:#fff}.activity-bar-bg .bottom-icons{margin-top:auto;display:flex;flex-direction:column;align-items:center}.activity-bar-bg .bottom-icons .codicon{font-size:1.3rem;margin-bottom:.75rem}.activity-bar-bg .bottom-icons .codicon:last-child{margin-bottom:0}.main-panel{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.tab-bar-bg{background-color:#2d2d2d;display:flex;border-bottom:1px solid #555;flex-shrink:0;height:2.2rem}.tab-group{display:flex;align-items:center}.left-tab-group{flex-grow:0;flex-shrink:0;flex-basis:50%}.right-tab-group{flex-grow:0;flex-shrink:0;flex-basis:50%;border-left:1px solid #555}.editor-tab{padding:.5rem 1rem;height:100%;border-right:1px solid #1e1e1e;cursor:pointer;display:flex;align-items:center;font-size:.875rem;color:gray;background-color:#2d2d2d;white-space:nowrap}.editor-tab:last-child{border-right:none}.editor-tab.active{background-color:#1e1e1e;border-bottom:2px solid #007acc;color:#fff;margin-bottom:-1px;position:relative}.editor-tab .codicon{margin-right:.5rem;font-size:1em}.editor-tab .codicon.codicon-close{margin-left:auto;padding-left:.5rem;font-size:.9em;cursor:pointer}.editor-tab .codicon.codicon-close:hover{background-color:#555}.editor-tab:not(.active) .codicon{color:gray}.editor-tab.active .codicon{color:#fff}.editor-tab:hover:not(.active){background-color:#3c3c3c;color:#ccc}.editor-tab:hover:not(.active) .codicon{color:#ccc}.editor-area-container{background-color:#1e1e1e;flex-grow:1;display:flex;overflow:hidden}.editor-pane{overflow-y:auto;color:#d4d4d4}.editor-pane.markdown-preview{flex-grow:0;flex-shrink:0;flex-basis:50%;padding:.75rem 1.5rem;border-right:1px solid #555;background-color:#1e1e1e}.editor-pane.html-code-editor{flex-grow:0;flex-shrink:0;flex-basis:50%;padding:0;display:flex;flex-direction:column;background-color:#1e1e1e}.editor-pane.markdown-preview h1{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#569cd6;font-family:Roboto Slab,serif;text-align:left;padding-bottom:.5rem;border-bottom:1px solid #3a3a3a;letter-spacing:.5px}.editor-pane.markdown-preview .contact-info{font-size:.85em;margin-bottom:1.5rem}.editor-pane.markdown-preview .contact-info div{display:flex;align-items:center;margin-bottom:.4rem;color:#ccc}.editor-pane.markdown-preview .contact-info div span.contact-icon{margin-right:.6em;color:#858585}.editor-pane.markdown-preview h2{font-size:1.5rem;font-weight:600;margin-top:1.5rem;margin-bottom:1rem;border-bottom:1px solid #555;padding-bottom:.5rem;color:#569cd6;font-family:Roboto Slab,serif;text-transform:uppercase;letter-spacing:1px}.editor-pane.markdown-preview h3{font-size:1.2rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem;color:#c586c0;font-family:Roboto Slab,serif}.editor-pane.markdown-preview p{margin-bottom:.5rem;color:#ccc;line-height:1.5;overflow-wrap:break-word}.editor-pane.markdown-preview p strong{color:#d4d4d4;font-weight:700}.editor-pane.markdown-preview .experience-item p,.editor-pane.markdown-preview .education-item p{margin-bottom:.2rem;line-height:1.4}.editor-pane.markdown-preview .location{font-size:.9em;color:#a0a0a0;margin-bottom:.2rem;line-height:1.4}.editor-pane.markdown-preview .experience-item p:nth-of-type(2),.editor-pane.markdown-preview .education-item p:nth-of-type(2){font-size:.9em;color:#a0a0a0}.editor-pane.markdown-preview .education-item p.education-description{font-size:.9em;color:#ccc;overflow-wrap:break-word}.editor-pane.markdown-preview .experience-item ul{list-style-type:disc;padding-left:20px;margin-top:.5rem;color:#ccc}.editor-pane.markdown-preview .experience-item ul li{margin-bottom:.4rem;line-height:1.5;overflow-wrap:break-word}.editor-pane.markdown-preview ul.skills-list{list-style:none;padding:0;margin-top:1rem}.editor-pane.markdown-preview ul.skills-list li{margin-bottom:.3rem;color:#ccc;line-height:1.5;overflow-wrap:break-word;padding-left:.5em;text-indent:-.5em}.editor-pane.markdown-preview .skills-category{font-weight:700;margin-right:.3rem;color:#c586c0}.editor-breadcrumbs{padding:.4rem 1.5rem;font-size:.75em;color:gray;border-bottom:1px solid #2a2a2a;white-space:nowrap;overflow-x:auto;background-color:#1e1e1e;flex-shrink:0}.editor-breadcrumbs .breadcrumb-item{margin-right:.3em}.editor-breadcrumbs .breadcrumb-item.active{color:#d4d4d4}.editor-breadcrumbs .codicon{font-size:.9em;margin:0 .1em}.code-area-wrapper{display:flex;flex-grow:1;overflow-y:auto;background-color:#1e1e1e}.line-numbers{font-family:Cascadia Code,monospace;font-size:.85em;color:#858585;padding:.5rem .25rem .5rem 1rem;text-align:right;-webkit-user-select:none;user-select:none;line-height:1.5;background-color:#1e1e1e;flex-shrink:0;min-width:2rem;width:auto}.html-code-block{font-family:Cascadia Code,monospace;font-size:.9em;color:#d4d4d4;line-height:1.5;padding:.5rem 1.5rem .5rem .25rem;flex-grow:1;background-color:#1e1e1e;white-space:pre}.html-code-block .punctuation{color:gray}.html-code-block .tag{color:#569cd6}.html-code-block .attribute-name{color:#9cdcb8}.html-code-block .attribute-value{color:#ce9178}.html-code-block .element-text{color:#d4d4d4}.html-code-block .link{color:#3794ff;text-decoration:underline;cursor:pointer}.html-code-block .html-comment{color:#6a9955}.status-bar-bg{background-color:#007acc;color:#fff;height:1.5rem;display:flex;align-items:center;padding:0 1rem;font-size:.75rem;flex-shrink:0}.status-bar-bg .status-left,.status-bar-bg .status-right{display:flex;align-items:center}.status-bar-bg .status-right{margin-left:auto}.status-bar-bg .status-item{margin-right:1rem;display:flex;align-items:center;cursor:default}.status-bar-bg .status-item:last-child{margin-right:0}.status-bar-bg .status-item .codicon{margin-right:.3rem;font-size:.95em}.status-bar-bg .status-item.bell-icon .codicon{margin-right:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#2d2d2d}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6a6a6a}.codicon{vertical-align:middle}