@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat&family=Raleway:wght@300;400&display=swap);#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50}#app,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#fff;padding:0;margin:0;height:100vh;width:100vw}#title{position:absolute;top:-10px;left:calc(50% - 150px);width:410px;height:145px;background-image:url(/img/brush%20stroke.853e8f8c.png);background-size:contain;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}#title h1{font-family:Caveat,cursive;font-size:37px;color:#fff;padding-top:15px}#cart{z-index:10;position:absolute;width:200px;height:30px;right:calc(5vw + 15px);top:calc(95vh - 35px);background-color:#f7f7f7;transition:width,height,top,right;transition-duration:.2s;transition-timing-function:linear;overflow:clip}#cart ul{margin-top:10vh;padding:0;list-style-type:none;height:70%;display:flex;flex-direction:column}#cart li{flex-grow:1;padding:0;margin:20px;color:#3b3b3b;font-family:Raleway,sans-serif;font-size:20px}#cart.showCart{width:calc(250px + 8vw);height:100vh;right:0;top:0}#cartButton{z-index:100;background-color:#00cc4e;color:#fff;width:220px;height:40px;line-height:40px;display:flex;align-items:center;justify-content:center;padding:3px 15px 3px 15px;border-radius:5px;position:absolute;right:4vw;bottom:5vh;transition:transform .35s,background-color .1s}#cartButton.showCart{background-color:#f16d6d;transform:rotateX(180deg)}#cartButton p{margin:0;font-size:35px;margin-right:15px;font-family:Raleway,sans-serif;font-weight:400}#cartButton p:after{content:"Cart View";animation-duration:.35s;animation-fill-mode:forwards}#cartButton.showCart p:after{animation-name:changeContentForwards}#cartButton.hideCart p:after{animation-name:changeContentBackwards}@keyframes changeContentForwards{0%{content:"Cart View"}to{content:"Go Back"}}@keyframes changeContentBackwards{0%{content:"Go Back"}to{content:"Cart View"}}#cartButton img{height:30px;animation-duration:.35s;animation-fill-mode:forwards;animation-name:changeImageBackwards}#cartButton.showCart img{animation-name:changeImageForwards}@keyframes changeImageForwards{0%{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAhCAYAAABEM4KbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHQSURBVHgBzZiLccIwDIYVJmCDphuwQekGbEA7AWxQOgFs0G4AnYARgAnsTkA3UKXLA8fIjvPE3505g2T7jyU/AkAHEHFKZd7VZzBo4De8cWIxgs+6zmdIgSnesxL8rpbPFsYgD58SRC6hXiSzgKGhQXbCwCog3AUsPIWhwGoemqSeNkfB/whDgFkeKmHAj4B2Utg30DcOgfvAtnOUmUNf8FMLAyhskFvku3X00X1bok4Wjll4gYZgtle2ioav01Z5WNOflJ9raAvKK1NBB9C9Lc1cbRLM8oqnfAZx8jmhDz4pYhXIrCYQP1MWeYa40ZMkSX6o8k7lO6DBH5Wdx7fOrqlsIGxi2JdX/Wv5C8rXL5ul4f8l2GeG/SjYU8Ou0E95rStzkmZU5zPh42I9aQXq4+yx63wMZ3vbv6jYC6dO5BXGQxcVW2RMi+i3qNgiNUSCmTq2yAvEQSWiTXNyLCo6Ys1J90wGbkNjoM0v0tntE/nssfEG/WR8tW/cfFiE3sL9EaWO9p5TQGH2vrJC+fJ6yu0bR/t9bt+hn8qtLBFE8nHU/qbcA5R2FV1SuB+9Dd2FWhJ5gMcunkOQF2ZviArHR/xDK6kR2/i1tQMXSkUxgv9YK9d91rQRygAAAABJRU5ErkJggg==)}to{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAjCAYAAAD8BaggAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH9SURBVHgBxZiLccIwDIaVXgdIN3AnaDYgGzACbNBugDtB2wnCBrQTQDdgg8AEsIEqxS4XUttYNiXfncidHcs/tuRHChCCiCU9arIJmSKrBq/syLZk32SboiiOkILtKFRfk63IDiijIVMgEKLIWttYe+rXmE8TJYxemg8a6l7dC8pHJAT7moX03DvKFtSInzyFz3Bd2OeS/D9SbGmIFNSJgnh21n47rCLadH/aKcoxZTHD/kY2QUcicJmtayJ8ZQviLFMQCZqEaC74rFMFJccTtV0E/LbYG+k7gd8HSIRi5ZUe2lOtoJ88KJsyDRmgiT0Xh9MooTyoNSSCJuBbj99pqiCmhkQC/a24nmPoAHIQ0vkkc224Nf8UnXeTQTELGrOlIP2ADKi/hh5zR5XqVurcDhLYesorSdpfk72nvBxLkPfQNpYgL2MJevKUH8cS5MvoPYyBZ7Xu1sObjxCv1GA21CEbGAP072UzuDXUqfaIaeHWYHgTjz/DozmGrnKGFM11CrNHB88vkQwfsJSgPZ9/3jHMJNbZUMzpH6E5uFeBtrUVf+mS+WeqioBTHkoFYXhP6u/cpW1TwmW0PWvHQYKW+H9ILqJnohZ4XXgK867n6I8lKWuUfJaJEDZFk/7SEVljbCZBIKgDwhSYAzkfITjT1OAVDvQNmGD/kn5B+wEoIqAJmRZeIwAAAABJRU5ErkJggg==)}}@keyframes changeImageBackwards{0%{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAjCAYAAAD8BaggAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH9SURBVHgBxZiLccIwDIaVXgdIN3AnaDYgGzACbNBugDtB2wnCBrQTQDdgg8AEsIEqxS4XUttYNiXfncidHcs/tuRHChCCiCU9arIJmSKrBq/syLZk32SboiiOkILtKFRfk63IDiijIVMgEKLIWttYe+rXmE8TJYxemg8a6l7dC8pHJAT7moX03DvKFtSInzyFz3Bd2OeS/D9SbGmIFNSJgnh21n47rCLadH/aKcoxZTHD/kY2QUcicJmtayJ8ZQviLFMQCZqEaC74rFMFJccTtV0E/LbYG+k7gd8HSIRi5ZUe2lOtoJ88KJsyDRmgiT0Xh9MooTyoNSSCJuBbj99pqiCmhkQC/a24nmPoAHIQ0vkkc224Nf8UnXeTQTELGrOlIP2ADKi/hh5zR5XqVurcDhLYesorSdpfk72nvBxLkPfQNpYgL2MJevKUH8cS5MvoPYyBZ7Xu1sObjxCv1GA21CEbGAP072UzuDXUqfaIaeHWYHgTjz/DozmGrnKGFM11CrNHB88vkQwfsJSgPZ9/3jHMJNbZUMzpH6E5uFeBtrUVf+mS+WeqioBTHkoFYXhP6u/cpW1TwmW0PWvHQYKW+H9ILqJnohZ4XXgK867n6I8lKWuUfJaJEDZFk/7SEVljbCZBIKgDwhSYAzkfITjT1OAVDvQNmGD/kn5B+wEoIqAJmRZeIwAAAABJRU5ErkJggg==)}to{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAhCAYAAABEM4KbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHQSURBVHgBzZiLccIwDIYVJmCDphuwQekGbEA7AWxQOgFs0G4AnYARgAnsTkA3UKXLA8fIjvPE3505g2T7jyU/AkAHEHFKZd7VZzBo4De8cWIxgs+6zmdIgSnesxL8rpbPFsYgD58SRC6hXiSzgKGhQXbCwCog3AUsPIWhwGoemqSeNkfB/whDgFkeKmHAj4B2Utg30DcOgfvAtnOUmUNf8FMLAyhskFvku3X00X1bok4Wjll4gYZgtle2ioav01Z5WNOflJ9raAvKK1NBB9C9Lc1cbRLM8oqnfAZx8jmhDz4pYhXIrCYQP1MWeYa40ZMkSX6o8k7lO6DBH5Wdx7fOrqlsIGxi2JdX/Wv5C8rXL5ul4f8l2GeG/SjYU8Ou0E95rStzkmZU5zPh42I9aQXq4+yx63wMZ3vbv6jYC6dO5BXGQxcVW2RMi+i3qNgiNUSCmTq2yAvEQSWiTXNyLCo6Ys1J90wGbkNjoM0v0tntE/nssfEG/WR8tW/cfFiE3sL9EaWO9p5TQGH2vrJC+fJ6yu0bR/t9bt+hn8qtLBFE8nHU/qbcA5R2FV1SuB+9Dd2FWhJ5gMcunkOQF2ZviArHR/xDK6kR2/i1tQMXSkUxgv9YK9d91rQRygAAAABJRU5ErkJggg==)}}#cartButton:not(.showCart):hover{background-color:#00bd48;cursor:pointer}#cartButton.showCart:hover{background-color:#e25b5b;cursor:pointer}#cartButton *{transition:transform;transition-duration:.35s}#cartButton.showCart *{transform:rotateX(-180deg)}#cartButton:not(.showCart) *{transform:rotateX(0deg)}#cardContainer{position:absolute;top:0;left:0;height:100%;width:100%;overflow-y:clip;overflow-x:scroll;white-space:nowrap}#cardContainer::-webkit-scrollbar{display:none}.foodCard{height:40vh;width:40vh;border-radius:20px;margin:10vh;margin-top:30vh;transition:transform .25s;display:inline-block;overflow:clip;z-index:0}.foodCard img,.foodCard:hover{transform:scale(1.1)}.foodCard img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .25s}.foodCard:hover img{transform:scale(1)}#description{position:absolute;left:-70vw;top:75vh;width:70vw;height:20vh;background-color:#000;color:#fff;transition:left .3s;font-family:Raleway,sans-serif}#description.showing{left:0}#description>h1{font-weight:300;margin:0;margin-top:10px;font-size:4vh}#description p{margin:10px;font-size:2vh}#counterFrame{width:10vw;height:6vh;position:absolute;left:30vw;bottom:10px;display:flex;white-space:nowrap;justify-content:space-between}#counterFrame button{-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;border:1px solid #fff;box-shadow:inset 0 0 1px 0 #fff,0 0 1px 0 #fff;font-family:Raleway,sans-serif;background-color:#000;width:6vh;height:6vh;border-radius:3vh}#counterFrame button,#counterFrame>h1{font-size:4vh;color:#fff;line-height:5vh}#counterFrame>h1{font-weight:300;margin:0}#counterFrame button:hover{background-color:#1b1b1b}#blur{position:absolute;background-color:#fff;height:100%;width:100%;top:0;left:0;animation-duration:.35s;animation-fill-mode:forwards;animation-name:changeBlurBackwards}#blur.showing{animation-name:changeBlurForwards}@keyframes changeBlurForwards{0%{opacity:0;z-index:5}to{opacity:1;z-index:5}}@keyframes changeBlurBackwards{0%{opacity:1;z-index:5}99%{opacity:0;z-index:5}to{opacity:0;z-index:0}}.scrollButton{position:absolute;z-index:4;height:16vh;width:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;top:42vh;font-size:30px;font-family:Raleway,sans-serif;background-color:#fff;transition:width background-color;transition-duration:.25s;border:none;background-color:#ececec}#scrollLeft{left:0;border-top-right-radius:20px;border-top-left-radius:0;border-bottom-right-radius:20px;border-bottom-left-radius:0}#scrollRight{right:0;border-top-right-radius:0;border-top-left-radius:20px;border-bottom-right-radius:0;border-bottom-left-radius:20px}.scrollButton:hover{background-color:#cfcfcf;width:50px}#checkoutButton{z-index:100;background-color:#29bfec;color:#fff;width:220px;height:40px;line-height:40px;display:flex;align-items:center;justify-content:center;padding:3px 15px 3px 15px;border-radius:5px;position:absolute;left:35vw;top:50vh}#checkoutButton img{height:30px}#checkoutButton:hover{background-color:#21acd6;cursor:pointer}#checkoutButton p{margin:0;font-size:35px;margin-right:15px;font-family:Raleway,sans-serif;font-weight:400}