@import url(https://use.fontawesome.com/releases/v5.0.13/css/all.css);abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:0 0}input[type=checkbox],th{vertical-align:bottom}article,aside,details,figure,footer,header,nav,section,summary{display:block}html{box-sizing:border-box;overflow-y:scroll}*,:after,:before{box-sizing:inherit}embed,img,object{max-width:100%}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}th{font-weight:700}td{font-weight:400;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type=radio]{vertical-align:text-bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}input,select,textarea{font:99% sans-serif}table{border-collapse:collapse;border-spacing:0;font:100%}b,strong{font-weight:700}small{font-size:85%}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}*,.window{font-family:Consolas,monaco,monospace}.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after,.clearfix:before{content:" ";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.window,body,html{width:100%;height:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#E74C3C}::-webkit-scrollbar-thumb:hover{background:#E74C3C}.window{background:#1a1a1a;color:#fff;font-size:18px;overflow:hidden}.window .header{font-size:30px;background:#222;padding:0 10px;height:40px;text-align:center}@media only screen and (max-width:768px){.window .header{font-size:26px}.window .flex-inner .left-col{width:0}}@media only screen and (max-width:400px){.window .header{font-size:22px}}.window .flex-inner{display:contents}.window .flex-inner .left-col{background:#191919;color:#FFF;display:flex;flex-direction:column;float:left;height:100%;overflow:hidden;text-overflow:clip;transition:width .3s ease;white-space:nowrap}@media only screen and (max-width:768px) and (max-width:768px){.window .flex-inner .left-col.open{width:220px}.window .flex-inner .left-col.open~.right-col{width:calc(100% - 220px)}}.window .flex-inner .left-col .left-entry{height:35px;line-height:35px;font-size:18px;padding:0 10px;color:#B0B0B0;display:block;text-decoration:none}.window .flex-inner .left-col .left-entry.directory{user-select:none}.window .flex-inner .left-col .left-entry .icon{display:inline-block;height:35px;line-height:35px;font-size:18px}.window .flex-inner .left-col .left-entry .icon .fa-html5{color:#D1382B}.window .flex-inner .left-col .left-entry .icon img{height:18px;margin-bottom:-4px}.window .flex-inner .left-col .left-entry .link{display:inline-block}.window .flex-inner .left-col .left-entry.selected,.window .flex-inner .left-col .left-entry:hover{color:#fff}.window .flex-inner .left-col .indent{margin-left:20px}.window .flex-inner .right-col{background:#1A1A1A;color:#FFF;display:flex;flex-direction:column;height:100%;transition:width .3s ease}@media only screen and (max-width:768px){.window .flex-inner .right-col{width:100%;transition:width .3s ease}}.window .flex-inner .right-col .nav-bar{height:50px;background:#222;padding:0 2px}.window .flex-inner .right-col .nav-bar .sidebar-btn{float:left;width:50px;height:45px;margin-left:11px;font-size:30px;text-align:center;padding:5px;background:#333;cursor:pointer;z-index:1;position:relative}@media only screen and (min-width:769px){.window .flex-inner .right-col .nav-bar .sidebar-btn{display:none}}.window .flex-inner .right-col .nav-bar .nav-scrollable{height:50px;margin-left:70px;line-height:48px;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;display:flex}.window .flex-inner .right-col .nav-bar .nav-scrollable::-webkit-scrollbar{width:2px;height:2px}.window .flex-inner .right-col .nav-bar .nav-scrollable .btn{display:inline-block;width:175px;min-width:120px;height:50px;padding:0 8px;border-bottom:4px solid #4D1E0F;background:#2D2D2D;color:#B0B0B0;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.window .flex-inner .right-col .nav-bar .nav-scrollable .btn .inner-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window .flex-inner .right-col .nav-bar .nav-scrollable .btn.selected{border-bottom:4px solid #E74C3C;background:#333;color:#fff}.window .flex-inner .right-col .content{color:#FFF;font-size:18px;height:calc(100% - 90px);line-height:24px;min-width:300px;overflow-y:scroll;padding:0 0 40px 60px;position:relative}.window .flex-inner .right-col .content ul{list-style:square}.window .flex-inner .right-col .content .skills{display:flex}@media only screen and (max-width:1200px){.window .flex-inner .right-col .content .skills{display:block}}.window .flex-inner .right-col .content .skills .flex-list{display:flex;padding:0 20px}.window .flex-inner .right-col .content .skills .flex-list ul{margin-left:10px}.window .flex-inner .right-col .content .skills .flex-list:last-child{padding:0 0 0 20px}.window .flex-inner .right-col .content .experience ul,.window .flex-inner .right-col .content .qualifications ul{margin-left:50px}.window .flex-inner .right-col .content p{padding:0 10px;margin:0 0 24px}.window .flex-inner .right-col .content p.title{margin:50px 0 12px;font-size:24px;color:#e74c3c}.window .flex-inner .right-col .content p.title--first{margin:24px 0 12px}.window .flex-inner .right-col .content p.subtitle{font-size:22px;margin:12px 0 6px;color:#2BD133}.window .flex-inner .right-col .content a{color:#e74127}.window .flex-inner .right-col .content .contact-source{display:inline-block;padding:0 15px;font-size:70px}.window .flex-inner .right-col .content .contact-source a{color:#FFF}.window .flex-inner .right-col .content .project-name{display:inline-block;min-width:200px;max-width:200px}.window .flex-inner .right-col .content .project-progress{display:inline-block;max-width:100px;width:100px;background:red;height:20px;vertical-align:text-bottom}.window .flex-inner .right-col .content .project-progress .progress-bar{display:inline-block;background:green;height:20px;max-width:100px}.window .flex-inner .right-col .num-bg{width:50px;height:calc(100% - 40px);position:absolute;background:#222;top:40px;z-index:0}