*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6}.about{min-height:calc(100vh - 80px);padding-bottom:2rem}.about .title h2{font-size:2.5rem;margin-bottom:1rem}.about .line1,.about .line2{width:80px;height:3px;background-color:#ff4e00;margin:0 auto;margin-bottom:.5rem}.about .line2{width:50px}.about .title h3{font-size:1.5rem}.about h2{font-size:2rem;margin-bottom:1rem}.about p{font-size:1rem;line-height:1.8;margin-bottom:1.5rem}.about .labels{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:1rem;margin-bottom:1rem}.about .labels .label i{font-size:1.5rem;color:#ff4e00;margin-right:.5rem}.about .button{background-color:#ff4e00;border:none;padding:.75rem 1.5rem;color:#fff;cursor:pointer;font-size:1rem;border-radius:.25rem}.about .button:hover{background-color:#e03c00}@media screen and (max-width: 768px){.about .content{display:flex;flex-direction:column;justify-content:center}.about .labels{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:1rem;margin-right:0;margin-bottom:1rem}.about .labels .label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:30%}.content p,.content h2{text-align:center}}.dishes-view{min-height:calc(100vh - 80px);width:100%;background-color:#f4f4f4}.dishes{padding:4rem 0;width:100%}.dishes .title h2{font-size:2.5rem;margin-bottom:1rem}.dishes .line1,.dishes .line2{width:80px;height:3px;background-color:#ff4e00;margin:0 auto;margin-bottom:.5rem}.dishes .line2{width:50px}.dishes .title h3{font-size:1.5rem}.dishes .dish{background-color:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .3s ease}.dishes .dish:hover{transform:translateY(-10px)}.dishes .icon-dish .circle{width:35px;height:35px;border:1px solid #ff4e00;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:15px}.dishes .icon-dish .left-dish{left:15px}.dishes .icon-dish .right-dish{right:15px}.dishes .icon-dish .circle i{color:#ff4e00}.dishes .image{height:150px}.dishes .image img{max-height:100%;width:auto}.dishes .desc-dish{font-size:1.2rem;font-weight:700;margin:1rem 0}.dishes .star i{color:#ff4e00}.dishes .btn-add{background-color:#ff4e00;border:none;padding:.5rem 1rem;color:#fff;cursor:pointer;font-size:.9rem}.dishes .btn-add:hover{background-color:#e03c00}header{color:#333;min-height:calc(100vh - 80px)}header .container{height:100%}header .item{margin-top:100px}header .cap-photo{font-size:1.2rem;color:#ff4e00;margin-bottom:.5rem}header .head-photo{font-size:3.5rem;margin-bottom:1rem}header .par-photo{font-size:1rem;margin-bottom:1.5rem}header .btn-photo{background-color:#ff4e00;border:none;padding:.75rem 1.5rem;color:#fff;cursor:pointer;font-size:1rem;border-radius:5px}header .btn-photo:hover{background-color:#e03c00;transform:scaleZ(.1)}@media screen and (max-width: 768px){.item{margin-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}}.contact{min-height:calc(100vh - 80px);background-color:#f4f4f4;width:100%;display:flex;justify-content:center;align-items:center}.contact .title h2{font-size:2.5rem;margin-bottom:1rem}.contact .line1,.contact .line2{width:80px;height:3px;background-color:#ff4e00;margin:0 auto;margin-bottom:.5rem}.contact .line2{width:50px}.contact .title h3{font-size:1.5rem}.contact .form .input-group-text{background-color:#ff4e00;color:#fff}.contact .btn-contact{background-color:#ff4e00;border:none;padding:.75rem 1.5rem;color:#fff;cursor:pointer;font-size:1rem}.contact .btn-contact:hover{background-color:#e03c00}.menus{min-height:calc(100vh - 80px);width:100%;background-color:#f4f4f4}.menus .title h2{font-size:2.5rem;margin-bottom:1rem}.menus .menu-item{background-color:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .3s ease}.menus .line1,.menus .line2{width:80px;height:3px;background-color:#ff4e00;margin:0 auto;margin-bottom:.5rem}.menus .line2{width:50px}.menus .menu-item:hover{transform:translateY(-10px)}.menus .menu-img{width:100%;height:auto;border-bottom:1px solid #f0f0f0}.menus .desc{padding:1rem}.menus .desc h4{font-size:1.2rem;font-weight:700;margin:1rem 0}.menus .desc p{font-size:1rem;margin-bottom:1rem}.menus .price{font-size:1.2rem;color:#ff4e00;display:block;margin-bottom:1rem}.menus .btn-order{background-color:#ff4e00;border:none;padding:.5rem 1rem;color:#fff;cursor:pointer;font-size:.9rem}.menus .btn-order:hover{background-color:#e03c00}.order{padding:2rem 0;width:100%;min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center}.order .title h2{font-size:2.5rem;margin-bottom:1rem}.order .line1,.order .line2{width:80px;height:3px;background-color:#ff4e00;margin:0 auto;margin-bottom:.5rem}.order .line2{width:50px}.order .title h3{font-size:1.5rem}.order .form .input-group-text{background-color:#ff4e00;color:#fff}.order .btn-order{background-color:#ff4e00;border:none;padding:.75rem 1.5rem;color:#fff;cursor:pointer;font-size:1rem}.order .btn-order:hover{background-color:#e03c00}.outlet{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.navbar{background-color:#fff;padding:1rem 0}.navbar .logo{font-size:2rem;font-weight:700;color:#333;text-decoration:none}.navbar .logo i{color:#ff4e00;margin-right:.5rem}.navbar .nav-item{margin-left:1rem;border-radius:5px}.navbar .nav-item .nav-link{color:#333;font-weight:700;padding:4px 10px;text-align:center;border-radius:5px}.navbar .active{background-color:#ff4e00!important;color:#fff!important}.navbar .active .nav-link{color:#fff!important}.navbar .icons{width:40%;display:flex;align-items:center}.navbar .circle{width:30px;height:30px;border:1px solid #ff4e00;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:1rem;cursor:pointer}.navbar .circle i{color:#ff4e00;font-size:1rem;transition:.5s;padding:10px}.circle i:hover{transform:rotate(360deg);transition:.5s}.navbar .nav-item .nav-link:hover{background-color:#ff4e00;color:#fff!important;border-radius:5px}.icons .input-group input{border:none;border:1px solid #ff4e00;border-radius:5px;padding:3px;margin-right:0;margin-left:.5rem;width:150px;height:30px;outline:none;transition:.5s;align-self:center;justify-self:center}@media screen and (max-width: 768px){.collapse,.icons{display:flex;flex-direction:column;align-items:center;justify-content:center}.navbar .circle{width:40px;height:35px;border:1px solid #ff4e00;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1rem}}footer{background-color:#333;color:#fff;text-align:center;padding:1em 0;margin:0;color:#ff4e00}footer p{margin:0}.login-view{height:calc(100vh - 80px);width:100%;justify-content:center;align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column}.login-container{min-width:400px;min-height:70%;margin:50px auto;padding:20px;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 4px #0000001a;text-align:center;background-color:#fff;display:flex;flex-direction:column;justify-content:space-around}.login-container h2{margin-bottom:30px;color:#ff4e00}label{display:block;margin-bottom:5px;text-align:left}.login-container button{margin-top:20px;padding:10px 20px;border:none;background-color:#ff4e00;color:#fff;border-radius:5px;cursor:pointer;width:70%}button:disabled{background-color:#ccc;cursor:not-allowed}.text-signup:hover{color:#ff4e00;text-decoration:underline!important}.text-signup{margin-top:20px;text-decoration:none!important;color:gray}.google-login-button{margin-top:2rem;cursor:pointer;display:flex;justify-content:center;align-items:center;color:gray}.google-login-button:hover{color:#e03c00;text-decoration:underline}.google-login-button .icon{margin-right:10px}.signup-view{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);width:100%;background-color:#f9f9f9}.signup-container{min-width:400px;margin:50px auto;padding:20px;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 4px #0000001a;text-align:center;background-color:#fff}.signup-container h2{margin-bottom:30px;color:#ff4e00}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px}input{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.signup-container button{padding:10px 20px;border:none;background-color:#ff4e00;color:#fff;border-radius:5px;cursor:pointer;width:70%;text-decoration:none}button:hover{background-color:#e03c00}.text-link{color:#fff;text-decoration:none}.text-link:hover{color:#fff}.text-login{margin-top:20px;text-decoration:none!important;color:gray}.text-login:hover{color:#ff4e00;text-decoration:underline!important}.not-found-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center}h1{font-size:6rem;margin:0}p{font-size:1.5rem;margin:0}.orders-view{padding:20px;width:100%;background-color:#f9f9f9;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 60px)}.orders-container{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.order-card{width:300px;margin:20px;padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#fff;box-shadow:0 2px 4px #0000001a;text-align:left}.order-card:hover{transform:translateY(-10px);transition:transform .3s ease}.order-card h3{margin-bottom:10px;color:#ff4e00}.order-card p{margin:5px 0}src/css/LearnMore.css .learn-more-view{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.learn-more-view .container{padding:2rem 1rem;max-width:800px;min-height:calc(100vh - 80px);text-align:center;border-radius:10px}.learn-more-view .container .title{font-size:2.5rem;margin-bottom:1rem;color:#ff4e00}.learn-more-view .container .description{font-size:1rem;line-height:1.8;margin-bottom:1.5rem}