@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);.floatUp{animation:floatUp .25s ease-in-out 1 both}@keyframes floatUp{0%{opacity:0;transform:translateY(3em)}to{opacity:1;transform:translateY(0)}}.floatDown{animation:floatDown .25s ease-in-out 1 both}@keyframes floatDown{0%{opacity:0;transform:translateY(-3em)}to{opacity:1;transform:translateY(0)}}body{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;margin:0;width:100vw}.shadowText{text-shadow:0 .25em .5em #000}.josefin-light{font-optical-sizing:auto;font-style:normal;font-weight:200}.josefin,.josefin-light{font-family:Josefin Sans,sans-serif!important}.josefin{font-optical-sizing:auto;font-style:normal;font-weight:400}.title{font-size:500%;font-weight:400;margin:0;text-align:center}.browser{grid-gap:0;background-color:#191919;background-color:initial;border-radius:3em;display:grid;gap:0;grid-template-columns:repeat(5,1fr);height:77vh;padding:1em;width:calc(100vw - 2em)}.sidebar{align-items:flex-start;background-color:#232323;background-color:initial;display:flex;flex-direction:column;gap:0;grid-column-end:2;grid-column-start:1;height:calc(100% - 2em);overflow-y:scroll;padding:1em}.sidebar::-webkit-scrollbar{display:none}.sidebar{-ms-overflow-style:none;scrollbar-width:none}.sidebarItem{background-color:initial;border:none;color:#fff;display:flex;font-family:Fira Code;font-size:medium;letter-spacing:.15em;line-height:1.5em;outline:none;padding:1em;text-align:right;text-transform:uppercase;transition:all .25s;width:calc(100% - 2em)}.uiRadio{display:none}.uiRadioLabel{display:flex;justify-content:flex-end;padding-top:1.25em}.uiRadioLabel::selection{background-color:initial;color:inherit}.uiRadioLabel:hover{background-color:#191919;cursor:pointer}.uiRadioLabel:active{transform:scale(.9)}.uiRadio:checked+.uiRadioLabel{background-color:#fff;bottom:0;color:#000;font-weight:700;position:sticky;position:-webkit-sticky;top:0}.uiRadio:checked+.sidebarSearch:hover{cursor:text}.sidebarSearch::selection{background-color:#000;color:#fff}.canvas{grid-gap:1em;grid-row-gap:5em;align-content:start;background-color:#232323;background-color:initial;display:grid;flex-direction:column;gap:1em;grid-column-end:6;grid-column-start:2;grid-template-columns:repeat(3,1fr);height:calc(100% - 2em);overflow-x:hidden;overflow-y:scroll;padding:1em;row-gap:5em}.canvas::-webkit-scrollbar{display:none}.canvas{-ms-overflow-style:none;scrollbar-width:none}.menuForm{grid-gap:1em;background-color:#191919;border-radius:1em;display:grid;gap:1em;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.menuForm .submitButton,.menuForm input{background-color:#232323;border:none;border-radius:2em;color:#fff;display:inline-block;font-family:Fira Code;font-size:medium;outline:none;padding:1em;text-align:center;transition:all .25s}.menuForm input:focus{background-color:#fff;color:#000}.menuForm .submitButton{background-color:#414141;border-radius:2em}.menuForm .submitButton:hover{background-color:#fff;border-radius:2em;color:#000;cursor:pointer}.menuForm .submitButton:active,.menuForm input:active{transform:scale(.97)}.submitted{background-color:green!important;border-radius:1em!important;color:#fff!important}.submitted:active{transform:scale(1)!important}.submitted:hover{cursor:none!important}.card{background-color:initial;background-position:bottom;background-repeat:no-repeat;background-size:cover;border:.1em solid #2d2d2d;display:flex;flex-direction:column;gap:.5em;transition:all .25s;width:100%}.card:hover{border-color:#fff;cursor:pointer}.card:active{transform:scale(.9)}.cardDetails{background-color:initial;border-radius:1em;display:flex;flex-direction:column;gap:1em;padding:1em .5em}.cardImg{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;height:30vh}.cardDescription,.cardFooter,.cardTitle{font-family:Fira Code;padding:0 1em}.cardTitle{letter-spacing:.1em;text-align:center;text-transform:uppercase}.cardDescription,.cardTitle{font-size:110%;line-height:1.5em}.cardDescription{color:#c8c8c8;display:none}.cardFooter{align-items:flex-end;display:flex;justify-content:space-between;justify-content:center}.cardPrice{font-size:125%;letter-spacing:.1em}.cardButton{background-color:initial;border:.1em solid #fff;border-radius:2em;color:#fff;font-size:medium;height:3em;transition:all .25s;width:3em}.cardButton:hover{background-color:#fff;border-color:#0000;color:#000;cursor:pointer}footer{font-family:Fira Code;padding:1em;text-align:center}@media only screen and (max-width:900px){.title{font-size:250%;padding-top:.5em}.sidebar{align-items:center;border-radius:0;display:flex;flex-direction:row;height:auto;justify-content:flex-start;margin:0;overflow-y:hidden;padding:1em;position:sticky;position:-webkit-sticky;top:1em}.sidebarItem{white-space:nowrap}.sidebarSearch{min-width:5em}.browser{gap:0;height:85vh;padding:.25em;width:calc(100vw - .5em)}.browser,.canvas{display:flex;flex-direction:column}.canvas{overflow-x:hidden}.uiRadio:checked+.uiRadioLabel{background-color:#fff;color:#000;font-weight:700;left:0;position:sticky;position:-webkit-sticky;right:0}footer{font-size:2vmin;padding:.5em;text-align:center;width:calc(100% - 1em)}}
/*# sourceMappingURL=main.dffc77b0.css.map*/