:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-red-light:#c75949;--color-red:#ae3535;--color-red-dark:#812838;--color-green-light:#314340;--color-green:#23302d;--color-green-dark:#17201c;--color-text-white:#fff;--color-box-shadow:#00000030;--color-text-shadow:#00000080;--color-svg-shadow:#000000c0;--color-text-optifine:#fabd26;--color-text-shadow-optifine:#45110e;--color-shadow:#00000080;--color-grey-lighter:#5e5e5e;--color-grey-light:#343434;--color-grey:#232323;--color-grey-dark:#1a1a1a;--color-grey-darker:#121212;--color-link-blue:#6c80f6;--color-accent:#12a86c;--header-height:40px;--content-width:1280px;--box-shadow:0 10px 10px var(--color-box-shadow);--gradient-optifine:linear-gradient(#912f2d, #922d2f, #83262a, #761e23, #6d1720);--text-shadow:-2px 2px 1px var(--color-text-shadow);scroll-padding-top:calc(var(--header-height) + 20px)}*,:before,:after{box-sizing:border-box}body{background-color:var(--color-grey-darker);min-height:100vh;margin:0;overflow:auto}.icon{-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;font-size:24px;line-height:1;display:inline-flex}.icon.fa-brands:before,.icon.fab:before{font-size:.833333em}:where(:not(.page *)){color:var(--color-text-white);font-family:Arial}.hidden:where(:not(.page *)){display:none!important}.spacer:where(:not(.page *)){flex:1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 10px 10px var(--color-red);min-height:var(--header-height)}::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 10px 10px var(--color-red-light)}::-webkit-scrollbar-thumb:hover:active{box-shadow:inset 0 0 10px 10px var(--color-red)}body::-webkit-scrollbar{border-top:var(--header-height) solid var(--color-red)}body::-webkit-scrollbar-thumb{border-top:var(--header-height) solid transparent;min-height:calc(var(--header-height) * 2)}#header-container{background-color:var(--color-red);width:100%;height:var(--header-height);box-shadow:var(--box-shadow);z-index:2;justify-content:center;display:flex;position:sticky;top:0;overflow:hidden}#header{width:var(--content-width);padding-right:calc(min(45px, 45px - (100vw - var(--content-width)) / 2));display:flex;position:relative}.page-button{color:#fff;letter-spacing:1px;text-shadow:var(--text-shadow);-webkit-user-select:none;user-select:none;min-height:var(--header-height);align-items:center;gap:10px;padding:0 10px;font-weight:700;text-decoration:none;transition:background-color .15s;display:flex}.page-button>span{transition:transform .15s}.page-button>.icon{color:var(--color-text-white);filter:drop-shadow(var(--text-shadow))}.page-button:hover{background-color:var(--color-red-light)}.page-button:active>span{transform:translateY(3px)}.page-button.selected{background-color:var(--color-red-dark)}.page-button.logo>span:before{content:"Home"}.logo:where(:not(.page *)){padding-left:0}.logo:where(:not(.page *)) img{height:var(--header-height)}#logo-side{position:absolute;right:100%}.hamburger-container{cursor:pointer;width:45px;padding:0 10px;transition:background-color .15s}.hamburger-container.outside{position:absolute;top:0;right:0}.hamburger-container:hover{background-color:var(--color-red-light)}.hamburger-container.active{background-color:var(--color-red-dark)}.hamburger-container.active .hamburger-line{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger-container.active .hamburger-line:before{opacity:0;transition:top 75ms,opacity 75ms .12s;top:0}.hamburger-container.active .hamburger-line:after{transition:bottom 75ms,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}.hamburger{filter:drop-shadow(var(--text-shadow));height:var(--header-height);align-items:center;display:flex}.hamburger-line{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19);display:block;position:relative}.hamburger-line,.hamburger-line:before,.hamburger-line:after{content:"";background-color:#fff;border-radius:4px;width:25px;height:4px}.hamburger-line:before{transition:top 75ms .12s,opacity 75ms;position:absolute;top:-8px}.hamburger-line:after{transition:bottom 75ms .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);position:absolute;bottom:-8px}#sidebar:where(:not(.page *)){z-index:1;right:0;top:var(--header-height);background-color:var(--color-green-dark);box-shadow:initial;flex-direction:column;padding:20px 0 10px;transition:transform .5s,box-shadow .5s;display:flex;position:fixed;bottom:0;overflow-y:auto;transform:translate(100%)}#sidebar:where(:not(.page *)).active{transform:translate(0);box-shadow:0 0 100px #000}#sidebar:where(:not(.page *)) .page-button:hover{background-color:var(--color-green-light)}#sidebar:where(:not(.page *)) .page-button.selected{background-color:var(--color-green)}#sidebar:where(:not(.page *)) .line{background-color:var(--color-text-white);opacity:.5;width:calc(100% - 20px);min-height:2px;margin:10px}.sidebar-link-icons{justify-content:space-around;padding:0 10px;display:flex}.sidebar-link-icons .icon{color:var(--color-text-white)}.sidebar-link-icons a{align-items:center;text-decoration:none;display:flex}#content:where(:not(.page *)){min-height:calc(100vh - var(--header-height) * 2)}.page{width:100%;display:block;position:relative}.page:not(.loading){opacity:0;animation:.25s forwards fadeIn}.page.loading{visibility:hidden;pointer-events:none;opacity:0;animation:none}.page .progress-bar{background-color:var(--color-text-white);z-index:9999;transition:width .1s,height .25s;position:absolute;top:0;left:0}.page .page-body{display:block;overflow-x:clip}.page [data-popupable],.page [data-popupable] *{cursor:pointer}.page ::-webkit-scrollbar{width:10px;height:10px}.page ::-webkit-scrollbar-thumb{box-shadow:none;background-color:var(--color-red);min-height:0}.page ::-webkit-scrollbar-thumb:hover{background-color:var(--color-red-light)}.page ::-webkit-scrollbar-thumb:hover:active{background-color:var(--color-red-dark)}#footer-container{background-color:var(--color-red);width:100%;height:var(--header-height);box-shadow:0 -10px 10px var(--color-box-shadow);justify-content:center;display:flex;position:relative;overflow:hidden}#footer{width:var(--content-width);display:flex}#footer-username{margin:auto}#footer-username:before{content:"@ewanhowell5195";letter-spacing:1px;text-shadow:var(--text-shadow);padding:0 10px;font-weight:700}@media only screen and (width<=768px){#footer-username:before{display:none}}.popup{z-index:99;opacity:0;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.25s forwards fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-container{-webkit-user-select:none;user-select:none;max-width:90vw;max-height:calc(100vh - 40px);position:relative;overflow:hidden;box-shadow:0 8px 16px #000}.popup-optifine{background-color:var(--color-grey);max-width:405px}#popup-optifine-banner{background-image:var(--gradient-optifine);max-height:50px;box-shadow:var(--box-shadow);align-items:center;gap:15px;width:100%;display:flex}#popup-optifine-banner div{color:var(--color-text-optifine);text-shadow:0 3px 1px var(--color-text-shadow-optifine);font-weight:700}#popup-optifine-close{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;padding:5px;transition:background-color .15s;display:flex}#popup-optifine-close .icon{color:var(--color-text-optifine);filter:drop-shadow(0 3px 1px var(--color-text-shadow-optifine));font-size:28px;transition:transform .15s}#popup-optifine-close:hover{background-color:#a93931}#popup-optifine-close:active>*{transform:translateY(4px)}#popup-optifine-content{max-height:calc(100vh - 90px);overflow-y:auto}#popup-optifine-text{white-space:pre-wrap;-webkit-user-select:text;user-select:text;padding:28px}#popup-optifine-text h3{margin:30px 0 10px}#popup-optifine-download{justify-content:center;width:100%;padding-bottom:28px;display:flex}#popup-optifine-download div{background-image:var(--gradient-optifine);box-shadow:var(--box-shadow)}#popup-optifine-download div a{text-shadow:0 3px 1px var(--color-text-shadow-optifine);align-items:center;gap:10px;padding:10px;font-weight:700;text-decoration:none;transition:background-color .15s;display:flex}#popup-optifine-download div a>*{transition:transform .15s}#popup-optifine-download div a span{color:var(--color-text-optifine)}#popup-optifine-download div a .icon{color:var(--color-text-optifine);filter:drop-shadow(0 3px 1px var(--color-text-shadow-optifine));font-size:28px}#popup-optifine-download div a:hover{background-color:#a93931;background-image:none}#popup-optifine-download div a:active>*{transform:translateY(4px)}@media only screen and (width<=768px){.page-button.logo{background-color:#0000}.page-button.logo>span:before{content:"Ewan Howell"}#header>.page-button:not(.logo){display:none}}