body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{margin:0;color:#2b2c34;font-family:Helvetica,Arial,sans-serif;line-height:1.5}.container{max-width:42rem;margin:0 auto;padding:0 1rem}img{max-width:100%;height:auto}h1{font-size:2rem;text-align:center;margin-bottom:2rem}p{font-size:1rem;margin:0}.error{font-weight:700;color:red}.btn-back{background:#ccc;border-radius:.5rem;display:inline-block;color:#000;padding:.5rem 1rem;margin:0 0 1rem;text-decoration:none}.btn-back:active,.btn-back:hover{text-decoration:underline}.button{font-size:1rem;border:2px solid #eb2633;background-color:#eb2633;color:#fff;padding:.5rem 1rem;text-decoration:none;margin:2rem 0 0;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:5px;transition:.1s ease-in-out;cursor:pointer}.button:hover{background-color:transparent;color:#000}.disabled{cursor:default;background-color:#ccc;color:#000;border-color:#ccc}a:active,a:hover{color:#eb212e}.bad-req p{margin-bottom:1.5rem}@media only screen and (min-width:60rem){.bad-req,.error{margin:0 auto}}.header{background:#f0ab8d;padding:1rem 0;text-align:center;margin-bottom:3rem}.header-title{margin:0;font-size:1.5rem;font-weight:700;max-width:10rem;display:inline-block}.header a{color:inherit;text-decoration:none}.header a:active,.header a:hover{color:#eb212e;text-decoration:underline}.nav,.nav-item{margin:0;padding:0;list-style-type:none}.nav,.nav-item{width:100%}.nav-item{margin-top:.5rem;display:block}.nav-link{white-space:nowrap}@media only screen and (min-width:30rem){.nav{width:100%;display:grid;grid-template-columns:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-columns:min-content min-content min-content;grid-gap:1rem;gap:1rem;place-items:center;justify-content:center}}@media only screen and (min-width:40rem){.header .container{display:grid;grid-template-columns:10rem auto;align-items:center;max-width:50rem}.nav{justify-content:end}.nav-item{margin-left:1rem}}.btn-login{border:2px solid transparent;background:#1e0245;color:#fff;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;white-space:nowrap}.btn-login:active,.btn-login:hover{border-color:#1e0245;color:#1e0245;background:#fff}.restaurant-name{text-align:left;margin-bottom:1rem}.reservation .party-size{margin-top:.5rem}@media only screen and (min-width:60rem){.single-reservation{margin:0 auto}}.no-reservations a{color:#eb212e}.no-reservations p{margin:1rem 0}.reservation{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px dashed #ccc;line-height:1.8}.reservation-list{list-style-type:none;padding:0;margin:1rem auto}.name-grid-item{font-size:1.1rem;margin:0}.reservation a{color:#eb212e}@media only screen and (min-width:40rem){li{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.view-details{justify-self:end}.date-grid-item{justify-self:center}.list{padding-top:1rem}}@media only screen and (min-width:60rem){.no-reservations,.reservation-list{margin:0 auto}}ul{list-style-type:none;padding:0}.restaurant-item{box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);padding:1.2rem;margin:2.7rem auto}img{display:block;margin:0 auto}h2{margin:.5rem 0;font-size:1.6rem}@media only screen and (min-width:40rem){h2{margin-top:0}.restaurant-item{display:grid;grid-template-columns:1.3fr 2fr;grid-gap:2rem}img{align-self:start}.restaurant-item:first-of-type{margin-top:1rem}}*{box-sizing:border-box}form{margin:0 auto}.form-item{margin:1rem 0 1.8rem}.input,label{font-size:1.1rem}.input{display:block;border:1px solid #ccc;border-radius:3px;padding:.6rem;width:100%;margin-top:.5rem}.submit{margin-bottom:1rem}@media only screen and (min-width:40rem){.create-reservation{max-width:38rem;margin:0 auto}}
/*# sourceMappingURL=main.a9d182a3.chunk.css.map */