body{margin:0;padding:0;font-family:"Open Sans",sans-serif}.Content{margin-top:72px}.Toolbar{height:56px;width:100%;position:fixed;top:0;left:0;background-color:#703b09;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 20px;box-sizing:border-box;z-index:90}.Toolbar nav{height:100%}@media (max-width:499px){.DesktopOnly{display:none}}.Logo{background-color:#fff;padding:8px;height:90%;box-sizing:border-box;border-radius:5px}.Logo img{height:100%}.NavigationItems{margin:0;padding:0;list-style:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%;-webkit-flex-flow:column;flex-flow:column}@media(min-width:500px){.NavigationItems{-webkit-flex-flow:row;flex-flow:row}}.NavigationItem{margin:10px 0}.NavigationItem,.NavigationItem a{box-sizing:border-box;display:block;width:100%}.NavigationItem a{color:#8f5c2c;text-decoration:none}.NavigationItem a.active,.NavigationItem a:active,.NavigationItem a:hover{color:#40a4c8}@media (min-width:500px){.NavigationItem{margin:0;box-sizing:border-box;display:-webkit-flex;display:flex;height:100%;width:auto;-webkit-align-items:center;align-items:center}.NavigationItem a{color:#fff;text-decoration:none;height:100%;padding:16px 10px;border-bottom:4px solid transparent}.NavigationItem a.active,.NavigationItem a:active,.NavigationItem a:hover{background-color:#8f5c2c;border-bottom:4px solid #40a4c8;color:#fff}}.SideDrawer{position:fixed;width:200px;max-width:70%;height:100%;left:0;top:0;z-index:200;background-color:#fff;padding:32px 16px;box-sizing:border-box;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}@media (min-width:500px){.SideDrawer{display:none}}.Open{-webkit-transform:translateX(0);transform:translateX(0)}.Close{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media (max-width:499px){.MyBackdrop{width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(0,0,0,.5)}}.BreadBottom{height:13%;background:linear-gradient(#f08e4a,#e27b36);border-radius:0 0 30px 30px}.BreadBottom,.BreadTop{width:80%;box-shadow:inset -15px 0 #c15711;margin:2% auto}.BreadTop{height:20%;background:linear-gradient(#bc581e,#e27b36);border-radius:50% 50% 0 0;position:relative}.Seeds1{width:10%;height:15%;position:absolute;background-color:#fff;left:30%;top:50%;border-radius:40%;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);box-shadow:inset -2px -3px #c9c9c9}.Seeds1:after{left:-170%;top:-260%;box-shadow:inset -1px 2px #c9c9c9}.Seeds1:after,.Seeds1:before{content:"";width:100%;height:100%;position:absolute;background-color:#fff;border-radius:40%;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.Seeds1:before{left:180%;top:-50%;box-shadow:inset -1px -3px #c9c9c9}.Seeds2{width:10%;height:15%;left:64%;top:50%;-webkit-transform:rotate(10deg);transform:rotate(10deg);box-shadow:inset -3px 0 #c9c9c9}.Seeds2,.Seeds2:before{position:absolute;background-color:#fff;border-radius:40%}.Seeds2:before{content:"";width:100%;height:100%;left:150%;top:-130%;-webkit-transform:rotate(90deg);transform:rotate(90deg);box-shadow:inset 1px 3px #c9c9c9}.Meat{width:80%;height:8%;background:linear-gradient(#7f3608,#702e05);margin:2% auto;border-radius:15px}.Cheese{width:90%;height:4.5%;background:linear-gradient(#f4d004,#d6bb22)}.Cheese,.Salad{margin:2% auto;border-radius:20px}.Salad{width:85%;height:7%;background:linear-gradient(#228c1d,#91ce50)}.Bacon{width:80%;height:3%;background:linear-gradient(#bf3813,#c45e38);margin:2% auto}.Burger{width:100%;margin:auto;height:250px;text-align:center;overflow:scroll;font-weight:700;font-size:1.2rem}@media (min-width:500px) and (min-height:400px){.Burger{width:350px;height:250px}}@media (min-width:500px) and (min-height:401px){.Burger{width:400px;height:280px}}@media (min-width:1000px) and (min-height:700px){.Burger{width:700px;height:600px}}.BuildControl{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin:5px 0}.BuildControl button{display:block;font:inherit;padding:5px;margin:0 5px;width:80px;border:1px solid #5a370b;cursor:pointer;outline:none}.BuildControls{width:100%;background-color:#cf8f2e;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center;box-shadow:0 2px 1px #ccc;margin:auto;padding:10px 0}.Modal{position:fixed;z-index:500;background-color:#fff;width:70%;border:1px solid #ccc;box-shadow:1px 1px 1px #000;padding:16px;left:15%;top:30%;box-sizing:border-box;transition:all .3s ease-out}@media (min-width:600px){.Modal{width:500px;left:calc(50% - 250px)}}.Backdrop{width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(0,0,0,.5)}.Loader,.Loader:after,.Loader:before{border-radius:50%}.Loader{color:#981f1f;font-size:11px;text-indent:-99999em;margin:55px auto;position:relative;width:10em;height:10em;box-shadow:inset 0 0 0 1em;-webkit-transform:translateZ(0);transform:translateZ(0)}.Loader:after,.Loader:before{position:absolute;content:""}.Loader:before{border-radius:10.2em 0 0 10.2em;left:-.1em;-webkit-transform-origin:5.1em 5.1em;transform-origin:5.1em 5.1em;-webkit-animation:load2 2s ease 1.5s infinite;animation:load2 2s ease 1.5s infinite}.Loader:after,.Loader:before{width:5.2em;height:10.2em;background:#981f1f;top:-.1em}.Loader:after{border-radius:0 10.2em 10.2em 0;left:4.9em;-webkit-transform-origin:.1em 5.1em;transform-origin:.1em 5.1em;-webkit-animation:load2 2s ease infinite;animation:load2 2s ease infinite}@-webkit-keyframes load2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.CheckoutSummary{text-align:center;width:80%;margin:auto}@media (min-width:600px){.CheckoutSummary{width:500px}}.ContactData{margin:20px auto;width:80%;text-align:center;box-shadow:0 2px 3px #ccc;border:1px solid #eee;padding:10px;box-sizing:border-box}@media (min-width:600px){.ContactData{width:500px}}.Input{width:100%;padding:10px;box-sizing:border-box}.Label{font-weight:700;display:block;margin-bottom:8px}.InputElement{outline:none;border:1px solid #ccc;background-color:#fff;font:inherit;padding:6px 10px;width:100%;display:block;box-sizing:border-box}.InputElement:focus{outline:none;background-color:#ccc}.Invalid{border:1px solid red}.Valid{border:1px solid green}.Order{width:90%;height:auto;border:1px solid #eee;box-shadow:0 2px 3px #ccc;padding:10px;margin:10px auto;box-sizing:border-box}.Bikebody{background:#000;overflow:hidden}.centerBike{margin-top:26px;margin-left:-12px}.center,.centerBike{position:absolute;top:50%;left:50%}.center{margin-top:-50px;margin-left:-50px}#loop{height:100px;width:100px;border:4px solid #bb5f27;border-radius:200px}#loop:before{background:linear-gradient(90deg,rgba(187,95,39,0) 0,#bb5f27 30%,#bb5f27 70%,rgba(187,95,39,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00bb5f27",endColorstr="#00bb5f27",GradientType=1);content:"";display:block;height:4px;left:-100px;position:relative;top:100px;width:300px}#bike-wrapper{height:108px;width:108px;-webkit-animation:drive 3s linear infinite;animation:drive 3s linear infinite}#bike{height:24px;width:25px;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/133687/motorbike.png)}@-webkit-keyframes drive{0%{margin-left:-364px;opacity:0}33.33%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-left:-50px;opacity:1}66.66%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);margin-left:-50px;opacity:1}to{margin-left:264px;-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}}@keyframes drive{0%{margin-left:-364px;opacity:0}33.33%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-left:-50px;opacity:1}66.66%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);margin-left:-50px;opacity:1}to{margin-left:264px;-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}}.Auth{margin:20px auto;width:80%;text-align:center;box-shadow:0 2px 3px #ccc;border:1px solid #eee;padding:10px;box-sizing:border-box}@media (min-width:600px){.Auth{width:500px}}.LoginSignup{width:100%;text-align:center;height:auto}
/*# sourceMappingURL=main.56ae3f5c.chunk.css.map */