@import url(https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;scroll-behavior:smooth}header{align-items:center;background-color:transparent;display:flex;justify-content:space-between;padding:15px 20px;position:fixed;top:0;width:100%;z-index:99}#logo img{height:max-content;width:100px}header.shadow{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}header.bg-orange,header.shadow{background-color:#ea580c}.nav-list{display:flex;list-style:none}.nav-item{margin-left:30px}.nav-item a{color:#fff;font-family:Alexandria,sans-serif;font-size:.9em;font-weight:500;padding:15px 5px;position:relative;text-decoration:none;text-transform:capitalize}.nav-item a:after{background-color:#fb923c;border-radius:50px;bottom:6px;content:"";display:none;height:4px;left:30%;position:absolute;transform:scaleX(0);transition:transform .2s ease-in-out;width:40%}.nav-item a:focus{outline-color:#fb923c}.nav-item:hover a:after{transform:scaleX(1)}.nav-item:active a{color:#fb923c}.active a:after{transform:scaleX(1)}.hamburger-menu{position:absolute;right:20px;z-index:999}.hamburger-button,.hamburger-menu{align-items:center;display:flex;justify-content:center}.hamburger-button{background-color:transparent;border:none;color:#fff;font-size:1.2em;height:44px;width:44px}.hamburger-button:hover{cursor:pointer}main{min-height:90vh;overflow-x:hidden;width:100%}.explore{background-color:#fffbeb;padding-top:50px}.content-label{font-family:Alexandria,sans-serif;font-size:1.5em;margin:auto;text-transform:capitalize;width:max-content}.content-label:after{background-color:#fb923c;border-radius:50px;content:"";display:block;height:5px;margin:5px auto 30px;width:20%}.content-label.favorite{margin-top:130px;padding:0}.content-label.favorite~.restaurants span{font-size:.9em;text-align:center}.restaurants{display:grid;grid-auto-rows:1fr;grid-template-columns:90%;justify-content:center;margin-bottom:50px;row-gap:30px}.rating span{display:inline-block;margin-right:2px}.rating .fa-star{color:#fb923c}.detail{display:grid;grid-template-columns:100%;padding:100px 20px 0}.detail .poster{border-radius:10px;width:100%}.detail .title{font-size:1.5em;margin-top:20px;width:max-content}.detail .info{align-items:center;color:#555;display:flex;font-size:.8em;margin-top:5px}.detail .info .rating:after{border-right:1px solid #888;content:"";margin-left:10px;margin-right:10px}.detail .description strong{display:block;margin-top:30px}.detail .description span{color:#555;font-size:.9em;line-height:1.5}.like{align-items:center;background-color:#ef4444;border:none;border-radius:50px;bottom:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:#fff;display:flex;font-size:1.2em;height:44px;justify-content:center;position:fixed;right:20px;width:44px}.like:hover{background-color:#dc2626;cursor:pointer}.like:active{background-color:#ef4444}.outlet-detail{margin-top:50px;padding:0 20px}.outlet-label{font-size:1.2em;margin-bottom:20px;margin-top:50px;text-transform:capitalize}.outlet-button{border-radius:50px;display:flex;margin:20px auto;position:sticky;top:100px;width:max-content}.menu-button,.review-button{background-color:#fff;border:2px solid #ea580c;color:#ea580c;font-size:.8em;font-weight:700;letter-spacing:.5px;padding:14.5px 20px;text-transform:capitalize}.menu-button:hover,.review-button:hover{background-color:#ea580c;color:#fff;cursor:pointer}.menu-button{border-radius:50px 0 0 50px}.review-button{border-radius:0 50px 50px 0;margin-left:-1px}.menu-button:active,.review-button:active{background-color:#fff;color:#ea580c}.active-button{background-color:#ea580c!important;color:#fff!important}.menus{margin-bottom:50px}.menus h4{text-transform:capitalize}.menu-item{color:#1e293b;margin-bottom:30px;margin-left:20px}.drinks,.foods{color:#64748b;font-size:.9em;line-height:1.5;margin-left:20px}.customer-review{margin-bottom:20px}.customer-review .name{color:#1e293b}.customer-review .date{color:#94a3b8;font-size:.8em;margin-top:3px}.customer-review .review{background-color:#fff7ed;border:1px solid #cbd5e1;border-radius:5px 20px 20px 20px;color:#1e293b;font-size:.9em;margin:10px 0;padding:30px 10px}.add-new-review{background-color:#e2e8f0;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:30px;padding:20px}.review-label{font-size:1em;text-transform:capitalize}.review-description{color:#475569;font-size:.8em;margin-top:10px}.add-review-button{background-color:#fff;border:none;border-radius:50px;color:#475569;font-weight:700;padding:14.5px 30px;text-transform:capitalize}.add-review-button:hover{background-color:#ea580c;color:#fff;cursor:pointer}.add-review-button:active{background-color:#fff;color:#475569}.review-form-container{align-items:flex-end;background-color:rgba(0,0,0,.8);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.display-flex{display:flex}.review-form{background-color:#fff;border-radius:20px 20px 0 0;padding:30px 20px;position:relative;width:100%}.form-show{animation:formShow .3s forwards}.form-hide{animation:formHide .3s forwards}@keyframes formShow{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes formHide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}.form-title{margin-bottom:20px}.add-new-review .outlet-label,.form-title{text-align:center}.review-form .form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9em;margin-bottom:5px;text-transform:capitalize}.form-group input,.form-group textarea{border:1px solid #94a3b8;border-radius:5px;width:100%}.form-group input{font-size:.9em;padding:14.5px 10px}.form-group input:focus,.form-group textarea:focus{outline-color:#ea580c}.form-group textarea{font-size:1em;padding:14.5px 10px}.review-form .submit-button{background-color:#ea580c;border:none;border-radius:5px;color:#fff;font-weight:700;padding:14.5px;text-align:center;text-transform:capitalize;width:100%}.review-form .submit-button:hover{background-color:#c2410c;cursor:pointer}.review-form .submit-button:active{background-color:#ea580c}.close-button{background-color:transparent;border:none;color:#ea580c;cursor:pointer;font-size:20px;padding:14.5px;position:absolute;right:0;top:0}.close-button:hover{color:#c2410c}.close-button:active{color:#ea580c}footer{align-items:center;background-color:#ea580c;color:#fff;display:flex;font-size:.9em;font-weight:600;justify-content:center;padding:15px;text-align:center}footer a{padding:15px 5px}footer a:focus{outline-color:#fb923c}footer img{width:60px}@media screen and (max-width:768px){nav{background-color:#ea580c;height:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:99}.nav-list{flex-direction:column;padding:100px 20px 0}.nav-item{margin-left:0}.nav-item a{border-bottom:1px solid #fff;display:block;padding:15px 0}.open{animation:slideShow .3s forwards}.close{animation:slideHide .3s forwards}@keyframes slideShow{0%{height:0}to{height:100vh}}@keyframes slideHide{0%{height:100vh}to{height:0}}}@media screen and (min-width:480px){hero-element .hero-inner{padding:30px}hero-element .hero-title{font-size:3em}.content-label{font-size:1.8em}.restaurants{padding:20px 40px}.detail{padding:120px 30px 0}.detail .description{max-width:480px}.outlet-detail{padding:0 30px}}@media screen and (min-width:768px){header{padding:15px 50px}nav{display:inline-block}.nav-list{margin:0}.nav-item a{display:inline}.nav-item a:after{display:block}.hamburger-button{display:none}hero-element .hero-inner{max-width:600px;padding:0 50px;text-align:left}#content{position:relative}favorite-menu{position:absolute;top:-50px;width:100%}.favorite-label{display:none}favorite-menu .favorite-list{background-color:#fff;border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);column-gap:10px;display:grid;grid-template-columns:repeat(3,1fr);margin:auto;padding:20px 25px;width:60%}favorite-menu .favorite-item{border:none;margin:0;padding:0;width:100%}.favorite-title{color:#fb923c;font-size:1em;margin-top:20px}.favorite-item img{height:50%;width:50%}.explore{padding-top:160px}.content-label.favorite~.restaurants span{font-size:1em;text-align:left}.restaurants{column-gap:20px;grid-template-columns:repeat(2,1fr);padding:20px}.detail{column-gap:20px;grid-template-columns:40% 60%}.detail .title{margin-top:0}.detail .description{max-width:95%}.like{bottom:30px;right:30px}.add-new-review{padding:30px}.review-label{font-size:1.1em}.review-description{font-size:.9em}.review-button{padding:14.5px 35px}.review-form{padding-left:10%;padding-right:10%}error-message img{max-width:500px}}@media screen and (min-width:960px){main hero-element{height:500px}hero-element .hero-inner{max-width:800px}hero-element .hero-title{font-size:4em}hero-element .hero-tagline{font-size:1.2em}.outlet-detail{margin-top:60px}.customer-review .review{padding:30px 20px}.review-form{padding:30px 0;text-align:center}.form-group{margin:auto;text-align:left}.form-group,.review-form .submit-button{max-width:550px}}@media screen and (min-width:1024px){#logo img{width:125px}.nav-item{margin-left:44px}favorite-menu .favorite-list{margin:auto;width:600px}.explore{padding-top:180px}.restaurants{grid-template-columns:repeat(3,minmax(300px,400px))}.restaurant-content .description{font-size:14px}.detail{column-gap:30px;margin:auto;max-width:1000px;padding:150px 0 0}.detail .title{font-size:2em}.detail .description strong{font-size:1.2em}.like{bottom:50px;height:55px;right:50px;width:55px}.outlet-detail{margin:100px auto 0;max-width:1000px;padding:0}.outlet-label{font-size:1.5em}#review-button,.menu-button{padding:14.5px 50px}.review-form{height:95vh}.form-title{font-size:1.5em}.close-button{font-size:25px}}@media screen and (min-width:1200px){header{padding:15px 5%}main hero-element{height:650px}hero-element .hero-inner{max-width:900px;padding:0 5%}hero-element .hero-title{font-size:4.5em}hero-element .hero-tagline{font-size:1.2em}}@media screen and (min-width:1440px){header{padding-left:10%;padding-right:10%}#logo img{width:150px}hero-element{height:800px}hero-element .hero-inner{margin-left:10%;max-width:1350px;padding:0}hero-element .hero-title{font-size:5em;max-width:1000px}hero-element .hero-tagline{font-size:1.3em;width:70%}}.skip-link{background-color:#fff;border-radius:5px;color:#fb923c;padding:15px;position:absolute;text-decoration:none;text-transform:capitalize;transform:translateY(-80px);transition:transform .1s ease-out;width:max-content;z-index:999}.skip-link:focus{font-weight:700;outline-color:#fb923c;transform:translateY(0)}.restaurant-item{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);position:relative}.restaurant-thumb{background-color:#888;border-radius:5px 5px 0 0;display:inline-block;height:200px;overflow:hidden;width:100%}.restaurant-thumb img{height:100%;object-fit:cover;width:100%}.restaurant-content{padding:20px}.restaurant-content .city{background-color:#ea580c;border-radius:0 3px 3px 0;box-shadow:0 0 3px rgba(0,0,0,.3);color:#fff;font-size:.9em;left:0;padding:8px 20px;position:absolute;top:15px}.restaurant-content .rating{font-size:.8em;margin-bottom:15px;text-transform:capitalize;width:100%}.restaurant-rating span{color:#334155}.restaurant-content .title{font-family:Alexandria,sans-serif;font-size:1.1em;margin-bottom:10px;text-transform:capitalize}.restaurant-content .title a{color:#000;padding:12px 0;text-decoration:none}.restaurant-content .title a:hover{color:#fb923c}.restaurant-content .title a:focus{color:#fb923c;outline-color:#fb923c}.restaurant-content .description{-webkit-line-clamp:10;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:13px;font-weight:300;line-height:1.5;min-height:100px;overflow:hidden;text-overflow:ellipsis}.skeleton{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}favorite-menu .favorite-label{color:#fb923c;margin-top:50px}.favorite-item{border:2px solid #fb923c;border-radius:10px;margin:0 auto 50px;padding:30px 10px;text-align:center;width:40%}.favorite-item img{height:60%;width:60%}.favorite-title{font-family:Alexandria,sans-serif;font-size:.9em;font-weight:500;margin-top:20px;text-transform:capitalize}hero-element{align-items:center;display:flex;height:400px;position:relative}hero-element:after{background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.5));content:""}.hero-image,hero-element:after{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.hero-image{height:100%;object-fit:cover;width:100%}.hero-inner{padding:15px;text-align:center}.hero-title{color:#fff;font-family:Alexandria,sans-serif;font-size:2em;text-transform:capitalize}.hero-title span{color:#fb923c}.hero-tagline{color:#ddd;font-family:Alexandria,sans-serif;font-size:.9em;font-weight:lighter;line-height:1.5;margin-top:20px}.error-message{align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;width:100%;z-index:9999}.error-message img{width:60%}.error-message .message{font-size:1.2em;margin-top:30px}.homepage-link{background-color:#ea580c;border:none;border-radius:5px;color:#fff;font-weight:700;margin-top:30px;padding:14.5px 30px;text-decoration:none;text-transform:capitalize}.homepage-link:hover{background-color:#c2410c}.homepage-link:active{background-color:#ea580c}
/*# sourceMappingURL=app~0d67171d.css.map*/