:root{--header-height: 80px}.topHeader{z-index:10;position:fixed;display:flex;justify-content:flex-start;background-color:#0f0f0f80;flex-direction:row;flex-wrap:wrap;flex-grow:1;width:calc(100vw - 36px);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding-right:18px;padding-left:18px}.topHeader.purpleHeader{background-color:#5361d9;transition:top .25s;top:calc(var(--header-height) * -1);justify-content:space-between;flex-wrap:nowrap}.topHeader.purpleHeader.show{top:0}.topHeader .spacedContent{display:flex;flex-wrap:nowrap;flex-grow:1;justify-content:space-between}.topHeader .content{align-items:center;height:var(--header-height);display:flex;flex-direction:row}#logo{height:auto;width:127px;display:flex}.dropdowns{color:#fff}.spacer{height:42px;width:1px;background-color:#fff;margin:2px}@media(max-width:1200px){.fullHeader .hiddenText p{display:none}}@media(max-width:920px){.fullHeader .hiddenText p{display:block}}@media(max-width:640px){.fullHeader .hiddenText p{display:none}}@media(max-width:500px){.fullHeader button.hiddenText{min-width:40px;padding-left:8px;padding-right:8px}.emptyHeader .hiddenText p{display:none}.emptyHeader button.hiddenText{padding-left:8px;padding-right:8px}}@media(max-width:430px){.fullHeader.topHeader{width:calc(100vw - 16px);padding-right:8px;padding-left:8px}#logo{width:110px;display:flex}.fullHeader button.hiddenText{min-width:40px;padding-left:8px;padding-right:8px}.fullHeader .printerDropdown{width:130px}}@media(max-width:390px){.fullHeader .printerDropdown{width:100px}}@media(max-width:375px){.fullHeader.topHeader{width:calc(100vw - 16px);padding-right:8px;padding-left:8px}#logo{width:80px;display:flex}.fullHeader button.hiddenText{min-width:40px;padding-left:8px;padding-right:8px}.fullHeader .printerDropdown{width:70px}}.homepage{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:80px 0 0}.homepage .topBanner{display:flex;min-height:180px;background-size:cover}.homepage .topBanner .bannerContent{display:flex;flex-grow:1;background:linear-gradient(180deg,#292c34e6,#292c349a);justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding-left:16px;padding-right:16px}.bannerContent .central{color:#fff;display:flex;flex-wrap:wrap;column-gap:60px;flex-direction:row;align-items:center;justify-content:center}.homepage .intro{flex-direction:column;display:flex;align-items:center;min-height:285px;background-color:#202744;background:#202744;background:linear-gradient(to bottom,#202744,#323d6a)}.homepage .choose-template{flex-direction:column;display:flex;align-items:center;background-color:#323d6a}.homepage h3{font-size:32px;line-height:50px;margin-bottom:10px;text-align:left;background:#5361d9;background:linear-gradient(to right,#5361d9,#cc58d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.homepage .textLayout{flex-direction:column;display:flex;padding-top:30px;font-weight:500;padding-left:16px;padding-right:16px;width:calc(100% - 32px);flex-grow:1;max-width:900px;align-content:flex-start}.intro .textLayout{color:#fff}.textLayout a{color:inherit;text-decoration:none}.textLayout a{background:linear-gradient(to right,#fff,#fff),linear-gradient(to right,red,#ff00b4,#0064c8);background-size:100% 1px,0 1px;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size .4s}.textLayout a:hover{background-size:0 1px,100% 1px}.textLayout li{list-style-position:inside}.textLayout p,.textLayout ul{text-align:left;margin-bottom:1rem}.content .textLayout{color:#131313;text-align:left;margin-bottom:48px}.homepage .content{flex-direction:column;display:flex;align-items:center;background-color:#f4f4f4;min-height:600px;padding:10px}.homepage .credits{flex-direction:column;display:flex;align-items:center;background-color:#292828;padding:10px}#root{max-width:100%;width:100%;margin:0 auto;padding:0;text-align:center;background-color:#292c34}.horizontalStack{width:100%;align-items:center;display:flex;flex-direction:row;column-gap:10px}.verticalStack{width:100%;display:flex;flex-direction:column;row-gap:10px;align-items:center}body{margin:0;display:flex;place-items:center;width:100%;min-width:320px;min-height:100vh;overflow-y:scroll;background-color:#292c34;font-family:Roboto,sans-serif;font-weight:400;scrollbar-width:"thin";scrollbar-color:rgba(244,244,244,.4) transparent}:root{--cell-width: 450px}::-webkit-scrollbar{transition:background-color .2s ease;width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#f4f4f466;border-radius:16px;width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}