.about{flex-direction:column;align-items:center;gap:12px;width:90%;max-width:1200px;margin-top:16px;display:flex}.about-member{background:#0002;border-radius:4px;flex-direction:row;gap:12px;width:90%;max-width:1200px;padding:16px;display:flex}.about-member img{aspect-ratio:1;border-radius:12px;height:128px}.about-member div{flex-direction:column;flex:1;justify-content:start;gap:12px;display:flex}.about-member div *{margin:0}.about-member div div{gap:0}.about-member div p{flex:1}.bestof-edit{flex-direction:column;gap:24px;max-width:600px;margin:0 auto;padding:24px;display:flex}.bestof-edit h1{text-align:center}.bestof-edit .videoEditForm{flex-direction:column;gap:16px;display:flex}.bestof-edit .videoEditForm label{flex-direction:column;gap:8px;display:flex}.bestof-edit .videoEditForm label span{text-transform:capitalize;font-weight:600}.bestof-edit .videoEditForm label input{color:#f2f2f2;background:#272727;border:1px solid #212121;border-radius:4px;padding:10px;font-family:inherit;font-size:1rem}.bestof-edit .videoEditForm label input:focus{border-color:#0167b8;outline:none;box-shadow:0 0 0 2px #0000002a}.bestof-edit .videoEditForm label .filename{color:#23a7f2;margin:0;font-size:.9rem}.bestof-edit .videoEditForm button{color:#f2f2f2;cursor:pointer;background:#e1510a;border:none;border-radius:4px;padding:12px;font-size:1rem;font-weight:600;transition:background-color .2s}.bestof-edit .videoEditForm button:hover:not(:disabled){background:#e1510acc}.bestof-edit .videoEditForm button:disabled{opacity:.6;cursor:not-allowed}.bestof{flex:1;width:90%;max-width:1200px;margin:64px 0}.bestof-video{text-align:center;background:#212121;border-radius:8px;flex-direction:column;align-items:center;gap:8px;margin:8px;padding:12px;display:flex}.bestof-video h2,.bestof-video p{margin:0}.bestof-video .bestof-video-content{aspect-ratio:16/9;width:100%;display:flex}.bestof-video .bestof-video-content *{flex:1}.bestof-video .bestof-video-content button span{background-color:#212121;border-radius:4px;padding:8px;font-size:2em}.bestof-video .edit-button{margin:6px}.bestof-video *{background-size:cover}.blog-new{flex-direction:column;flex:1;gap:24px;width:90vw;margin:5vw;display:flex}.blog-new div{flex:1}.blog-new .MuiStack-root.css-1emop5c-MuiStack-root{gap:0!important}.blog-new .MuiStack-root{background-color:inherit;gap:0!important;padding:0!important}.blog-new .MuiDivider-root{display:none}.blog-new .MuiBox-root{background:inherit;margin:0;gap:0!important}.blog-new .MuiToggleButton-primary{margin-left:5px;color:#ccc!important;background-color:#2a2a2a!important;min-width:0!important;padding:8px!important}.blog-new .MuiToggleButton-primary:hover{color:#fff!important;background-color:#3a3a3a!important}.blog-new .MuiToggleButton-primary[aria-pressed=true]{color:#fff!important;background-color:#444!important}.blog-new .MuiButtonBase-root.Mui-disabled{color:#555!important;background-color:#2a2a2a!important}.blog-new h1,.blog-new h2,.blog-new h3{color:#fff!important}.blog{flex:1;width:90%;max-width:1200px;margin:64px 0}.blog .blog-posts{flex-direction:column;gap:8px;display:flex}.blog .blog-posts .blog-post{background:#0002;border-radius:4px;flex-direction:row;gap:8px;padding:8px;display:flex}.blog .blog-posts .blog-post div{flex-direction:column;justify-content:space-between;display:flex}.blog .blog-posts .blog-post div *{color:#f2f2f2;margin:0}.blog .blog-posts .blog-post img{aspect-ratio:1;border-radius:4px;height:64px}.blog-view{justify-content:center;align-items:left;flex-direction:column;display:flex}.blog-view .blog-header{background:#0002;border:1px solid #00000030;border-radius:4px;flex-direction:column;justify-content:center;margin:64px auto;display:inline-flex;overflow:clip}.blog-view .blog-header:has(h1){height:384px}.blog-view .blog-header img{width:fit-content!important;max-width:100%!important;height:auto!important}.blog-view{width:80%;max-width:1200px}.login{background:#212121;border:1px solid #00000040;border-radius:10px;flex-direction:column;gap:10px;width:min(460px,92vw);margin:64px 0;padding:24px;display:flex;box-shadow:0 10px 30px #00000026}.login .login-branding{color:#f2f2f2;align-items:center;gap:10px;width:fit-content;font-size:1.4rem;text-decoration:none;display:flex}.login .login-branding img{height:34px}.login .login-copy{margin:6px 0 8px}.login h1{margin-bottom:4px}.login p{margin:0}.login input[type=submit]{border-color:#0006;margin-top:6px}.login input[type=submit]:hover,.login input[type=submit]:active,.login input[type=submit]:focus-visible{border-color:#e1510a}.login .error{color:#c11;background:#f002;border:1px solid #f004;border-radius:4px;margin-top:4px;padding:8px}.profile{flex-direction:column;flex:1;gap:24px;width:90vw;max-width:600px;margin:5vw;display:flex}.profile h1{margin-bottom:10px;font-size:2rem}.profile form{flex-direction:column;gap:20px;display:flex}.profile .form-group{flex-direction:column;gap:8px;display:flex}.profile .form-group label{font-size:.95rem;font-weight:600}.profile .form-group input:not([type=submit]),.profile .form-group textarea{color:#fff;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;padding:12px;font-family:inherit;font-size:1rem}.profile .form-group input:not([type=submit]):disabled,.profile .form-group textarea:disabled{opacity:.6;cursor:not-allowed}.profile .form-group input:not([type=submit])::placeholder,.profile .form-group textarea::placeholder{color:#888}.profile .form-group input:not([type=submit]):focus,.profile .form-group textarea:focus{border-color:#666;outline:none;box-shadow:0 0 0 3px #6666661a}.profile .form-group textarea{resize:none;min-height:150px}.profile .form-group .avatar-preview{margin-bottom:10px}.profile .form-group .avatar-preview img{border:1px solid #444;border-radius:8px;max-width:200px;max-height:200px}.profile input[type=submit]{color:#fff;cursor:pointer;background-color:#444;border:1px solid #666;border-radius:4px;padding:12px 24px;font-size:1rem;font-weight:600}.profile input[type=submit]:hover:not(:disabled){background-color:#555}.profile input[type=submit]:disabled{opacity:.5;cursor:not-allowed}.project-new{flex-direction:column;flex:1;gap:24px;width:90vw;margin:5vw;display:flex}.latest-projects{flex-flow:wrap;justify-content:center;display:flex}.project{border:1px solid #0000;border-radius:20px;justify-content:center;align-items:center;margin:2.5vw;display:flex;position:relative}.project img{aspect-ratio:4/3;border-radius:20px;width:300px;transition:opacity .2s}.project div{opacity:0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute}.project div *{color:#f2f2f2;margin:0}.project div h1{word-wrap:anywhere;text-align:center;padding:0 12px}.project:hover{border:1px solid #e1510a}.project:hover img{opacity:.3;filter:blur(2px)}.project:hover div{opacity:1}.title{margin:1vw;font-size:3rem;font-weight:400}.abouthero{flex-direction:row;justify-content:space-evenly;align-items:center;width:100vw;max-width:100%;margin:5vw;display:flex}.abouthero img{border-radius:10px;width:45%}.abouthero h1{font-size:3rem;font-weight:400}.abouthero .abouthero-t{width:30%}@media (width<=1300px){.abouthero{flex-direction:column;gap:2vw}.abouthero img,.abouthero .abouthero-t{width:90%}}hr{border:none;border-top:1px solid #fff;width:75%;margin:48px 0}.banner{background-position:50%;background-size:cover;width:100%;height:auto}.w-half{margin-top:50px;width:50%!important}@media (width<=480px){.title{font-size:2rem}.about-text{font-size:.9rem}.side-by-side{text-align:center;width:75%}.banner{width:100%;height:auto;margin:10px 0}}@media (width>=800px){.side-by-side{flex-direction:row;justify-content:space-evenly;align-items:flex-start;gap:5vw;padding:40px;display:flex}.side-by-side .about-text{font-size:.9rem;width:35%!important}}@font-face{font-family:Source Code Pro;font-style:italic;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvZlMIXxw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Source Code Pro;font-style:italic;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvQlMIXxw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Source Code Pro;font-style:italic;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvYlMIXxw.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Source Code Pro;font-style:italic;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvXlMIXxw.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Source Code Pro;font-style:italic;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvblMIXxw.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Source Code Pro;font-style:italic;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvalMIXxw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Source Code Pro;font-style:italic;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvUlMI.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_SiYsKILxRpg3hIP6sJ7fM7PqlMOvWjMY.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_SiYsKILxRpg3hIP6sJ7fM7PqlOevWjMY.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_SiYsKILxRpg3hIP6sJ7fM7PqlMevWjMY.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPuvWjMY.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_SiYsKILxRpg3hIP6sJ7fM7PqlMuvWjMY.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_SiYsKILxRpg3hIP6sJ7fM7PqlM-vWjMY.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevW.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f2f2f2;font-optical-sizing:auto;background:#2c2c2c;font-family:Source Code Pro,monospace;font-style:normal;font-weight:400}.content{flex-direction:column;flex:1;align-items:center;display:flex}a{color:#23a7f2;text-decoration-color:#0000;transition-duration:.2s}a:hover{text-decoration-color:#0167b8}.notfound{flex-direction:column;align-items:center;gap:16px;width:100%;height:100%;margin:10vw;display:flex}.notfound h1{font-size:3em}h1,h2,h3,h4,h5,h6{margin:0}button,a.button,textarea,input{font-optical-sizing:auto;color:#f2f2f2;cursor:pointer;background:#0002;border:1px solid #00000030;border-radius:4px;padding:6px;font-family:Source Code Pro,monospace;font-size:1rem;font-style:normal;font-weight:400;text-decoration:none;transition-duration:.2s}button:hover,button:active,a.button:hover,a.button:active,textarea:hover,textarea:active,input:hover,input:active,input:focus-visible,a.button:focus-visible{background:#00000010;border:1px solid #e1510a;text-decoration:none;outline:none!important}.admin{background:#0002;border:1px solid red;border-radius:4px;flex-direction:row;gap:8px;margin:8px;padding:8px;display:flex}.admin:before{content:"admin tools:"}table{background:#212121;border-radius:4px;padding:2px}table tr *{margin:1px;padding:4px}table tr td{background:#2c2c2c;border-radius:4px}table tr th[data-controller-cell]{border-radius:unset;background:unset;padding:unset;margin:unset}image{max-width:100vw}dialog{background:#212121;border:none;width:100%;height:100%}.text-center{text-align:center}@media (width<=1000px){.hide-mobile{display:none}}@media (width>=1000px){.show-mobile{display:none}}nav{background:#212121;flex-direction:row;justify-content:space-between;align-items:center;gap:32px;padding:24px;display:flex}nav div{flex-direction:row;align-items:center;gap:24px;display:flex}dialog.nav{padding:0}dialog.nav div{flex-direction:column;flex:1;gap:16px;padding:0 24px;display:flex}nav a,nav p,dialog.nav a,dialog.nav p{color:#f2f2f2;font-size:1.4rem}nav a,dialog.nav a{-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .2s}nav a:hover,dialog.nav a:hover{-webkit-text-decoration:underline #e1510a;text-decoration:underline #e1510a}nav .branding,dialog.nav .branding{flex-direction:row;align-items:center;gap:8px;display:flex}nav .branding img,dialog.nav .branding img{height:36px}nav *,dialog.nav *{margin:0}