:root{color-scheme:light dark;--color-blue:#049EF4;--text-color:#444;--secondary-text-color:#9e9e9e;--font-size:16px;--line-height:26px;--border-style:1px solid #E8E8E8;--header-height:48px;--panel-width:300px;--panel-padding:16px;--icon-size:20px}@media (prefers-color-scheme:dark){:root{--background-color:rgb(0, 0, 0);--secondary-background-color:#9b3535;--text-color:#bbb;--secondary-text-color:#666;--border-style:1px solid #444}#previewsToggler{filter:invert(100%)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{font-family:sans-serif;padding:0;margin:0;background-color:#000;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}canvas{position:absolute;top:0;left:0;z-index:1}html{font-size:calc(var(--font-size) - 1px);line-height:calc(var(--line-height) - 1px)}body{font-family:'Roboto Mono',monospace;margin:0;color:var(--text-color);background-color:var(--background-color)}.footer{position:fixed;left:10;bottom:0;width:102%;color:#fffefe;text-align:center;z-index:2}a{text-decoration:none}h1{font-family:Lato,sans-serif;font-size:25px;line-height:24px;font-weight:500}h2{font-family:Lato,sans-serif;padding:10px;margin:16px 0;font-size:calc(var(--font-size) - 1px);line-height:var(--line-height);font-weight:500;color:var(--color-blu)}h3{font-family:Lato,sans-serif;margin:80;font-weight:100;font-size:20px;color:#f5f5f5}h4{font-family:Lato,sans-serif;padding:10px;margin:16px 0;font-size:20px;font-weight:500;color:#fcfdfb}h1 a{color:var(--color-blue)}#header{position:fixed;display:flex;height:var(--header-height);margin-left:30%;align-items:center;z-index:3}#header h1{padding-left:var(--panel-padding);flex:1;display:flex;align-items:center;justify-content:center;color:#cf1f71}#header #version{border:1px solid var(--color-blue);color:var(--color-blue);border-radius:4px;line-height:16px;padding:0 2px;margin-left:6px;font-size:.9rem}video{position:absolute;border:0;left:0;right:0;top:0;bottom:0;width:100%;height:100%;overflow-y:hidden;overflow-x:hidden;z-index:-10;opacity:.5}.video-cover{position:fixed;width:100;height:100;bottom:0;right:0}#panel{position:fixed;z-index:5;left:0;width:var(--panel-width);height:100%;overflow:auto;display:flex;flex-direction:column;transition:0s 0s height}#panel #exitSearchButton{width:48px;height:48px;display:none;background-color:var(--text-color);background-size:var(--icon-size);-webkit-mask-image:url(../files/ic_close_black_24dp.svg);-webkit-mask-position:50% 50%;-webkit-mask-repeat:no-repeat;mask-image:url(../files/ic_close_black_24dp.svg);mask-position:50% 50%;mask-repeat:no-repeat;cursor:pointer;margin-right:0}#panel.searchFocused #exitSearchButton{display:block}#panel.searchFocused #language{display:none}#panel.searchFocused #filterInput{-webkit-mask-image:none;mask-image:none;background-color:inherit;padding-left:0}#panel #expandButton{width:48px;height:48px;margin-right:4px;margin-left:4px;display:none;cursor:pointer;background-color:var(--text-color);background-size:var(--icon-size);-webkit-mask-image:url(../files/ic_menu_black_24dp.svg);-webkit-mask-position:50% 50%;-webkit-mask-repeat:no-repeat;mask-image:url(../files/ic_menu_black_24dp.svg);mask-position:50% 50%;mask-repeat:no-repeat}#panel #sections{display:flex;justify-content:center;z-index:9999;position:relative;height:100%;align-items:center;font-weight:500}#panel #sections *{padding:0 var(--panel-padding);height:100%;position:relative;display:flex;justify-content:center;align-items:center}#panel #sections .selected:after{content:"";position:absolute;left:0;right:0;bottom:-1px;border-bottom:1px solid var(--text-color)}#panel #sections a{color:var(--secondary-text-color)}body.home #panel #sections{display:none}#panel #inputWrapper{display:flex;align-items:center;height:var(--header-height);padding:0 0 0 var(--panel-padding);position:relative;background:var(--background-color)}#panel #inputWrapper:after{position:absolute;left:0;right:0;bottom:0;border-bottom:var(--border-style);content:""}#panel #filterInput{flex:1;width:100%;font-size:1rem;font-weight:500;color:var(--text-color);outline:0;border:0;background-color:var(--text-color);background-size:var(--icon-size);-webkit-mask-image:url(../files/ic_search_black_24dp.svg);-webkit-mask-position:0 50%;-webkit-mask-repeat:no-repeat;mask-image:url(../files/ic_search_black_24dp.svg);mask-position:0 50%;mask-repeat:no-repeat;font-family:'Roboto Mono',monospace}#panel #language{font-family:'Roboto Mono',monospace;font-size:1rem;font-weight:500;color:var(--text-color);border:0;background-image:url(ic_arrow_drop_down_black_24dp.svg);background-size:var(--icon-size);background-repeat:no-repeat;background-position:right center;background-color:var(--background-color);padding:2px 24px 4px 24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-right:10px;text-align-last:right}#panel #language:focus{outline:0}#contentWrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}#panel #content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0 var(--panel-padding) var(--panel-padding) var(--panel-padding)}#panel #content ul{list-style-type:none;padding:0;margin:0 0 20px 0}#panel #content ul li{margin:1px 0}#panel #content h2:not(.hidden){margin-top:16px;border-top:none;padding-top:0}#panel #content h2:not(.hidden)~h2{margin-top:32px;border-top:var(--border-style);padding-top:12px}#panel #content h3{color:var(--text-color);font-weight:500}#panel #content h2{color:#9acd32;font-weight:900}#panel #content h1{color:#cf1f71;font-weight:900}#panel #content a{position:relative;color:#9acd32}#panel #content .selected,#panel #content a:hover,#panel #content a:hover .spacer{color:var(--color-blue)}#panel #content .selected{text-decoration:underline}#panel #content .hidden{display:none!important}#panel #content #previewsToggler{cursor:pointer;float:right;margin-top:18px;margin-bottom:-18px;opacity:.25}#panel #content.minimal .card{background-color:transparent;margin-bottom:4px}#panel #content.minimal .cover{display:none}#panel #content.minimal .title{padding:0}#panel #content.minimal #previewsToggler{opacity:1}body.home #panel #content h2{margin-bottom:2px;padding-bottom:0;margin-top:18px;border-top:none;padding-top:6px}.spacer{color:var(--secondary-text-color);margin-left:2px;padding-right:2px}iframe{position:absolute;border:0;left:75%;right:0;top:75%;bottom:0;width:30%;height:30%;overflow-y:hidden;overflow-x:hidden;z-index:10000}iframe#viewer{z-index:10;overflow-y:hidden;overflow-x:hidden}#viewer{padding-left:var(--panel-width)}body{margin:0}#button{position:fixed;bottom:16px;right:16px;padding:12px;border-radius:10px;margin-bottom:0;background-color:#cf920e;opacity:.9;z-index:1000;box-shadow:0 0 4px rgba(0,0,0,.15)}.button{position:fixed;bottom:16px;right:16px;padding:12px;border-radius:10px;margin-bottom:0;background-color:#cf920e;opacity:.9;z-index:1000;box-shadow:0 0 4px rgba(0,0,0,.15)}.vidbutton{position:fixed;bottom:16px;right:76px;padding:12px;margin-bottom:0;background-color:#cf920e;opacity:.9;z-index:1000;box-shadow:0 0 4px rgba(0,0,0,.15)}#bgvideo{position:fixed;bottom:16px;right:16px;padding:12px;border-radius:50%;margin-bottom:0;background-color:#fff;opacity:.9;z-index:10;box-shadow:0 0 4px rgba(0,0,0,.15)}#button:hover{cursor:pointer;opacity:1}#button img{display:block;width:var(--icon-size)}#button.text{border-radius:25px;padding-right:20px;padding-left:20px;color:var(--color-blue);opacity:1;font-weight:500}#projects{display:grid;grid-template-columns:repeat(6,1fr);line-height:0}#projects a{overflow:hidden}#projects a img{width:100%;transform:scale(1);transition:.15s transform}#projects a:hover img{transform:scale(1.08)}@media all and (min-width:1500px){#projects{grid-template-columns:repeat(7,1fr)}}@media all and (min-width:1700px){:root{--panel-width:360px;--font-size:18px;--line-height:28px;--header-height:56px;--icon-size:24px}#projects{grid-template-columns:repeat(8,1fr)}}@media all and (min-width:1900px){#projects{grid-template-columns:repeat(9,1fr)}}@media all and (max-width:1300px){#projects{grid-template-columns:repeat(6,1fr)}}@media all and (max-width:1100px){#projects{grid-template-columns:repeat(5,1fr)}}@media all and (max-width:900px){#projects{grid-template-columns:repeat(4,1fr)}}@media all and (max-width:700px){#projects{grid-template-columns:repeat(3,1fr)}}.card{border-radius:10px;overflow:hidden;background-color:#111112;padding-bottom:6px;margin-bottom:16px;padding-left:19px}.card.selected{box-shadow:0 0 0 3px var(--color-blue);text-decoration:none!important}.card .cover{padding-bottom:56.25%;position:relative;overflow:hidden}.card .cover img{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.card .title{padding:10px 0 0;margin:5;font-size:calc(var(--font-size) - 1px);font-weight:500;line-height:calc(var(--line-height) - 6px)}.card .tag{background-color:#8a2be2;color:var(--color-blue);margin-left:6px;padding:1px 6px 2px;border-radius:2px;font-size:calc(var(--font-size) - 2px);line-height:calc(var(--line-height) - 6px)}@media all and (max-width:640px){:root{--header-height:56px;--icon-size:24px}#projects{grid-template-columns:repeat(2,1fr)}#panel #expandButton{display:block}#panel{position:relative;left:0;top:0;width:100%;right:0;z-index:6;overflow-x:scroll;transition:0s 0s height;border:none;height:var(--header-height);transition:0s .2s height}#panel.open{height:100%;transition:0s 0s height;z-index:6}#panelScrim{pointer-events:none}}}