<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.hero-section, .navbar {
  background-color: #ff8c00;
  color: #fff;
}
.navbar, .navbar-brand, .navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
body {
  font-family: 'Open Sans', sans-serif;
  background: #ffdab9;
  color: #343434;
  margin: 0;
  padding: 0;
}
.hero-section {
  padding: 100px 0;
  text-align: center;
}
EstilizaÃ§Ã£o CSS para um restaurante com uma paleta de cores quentes e legÃ­veis.
.about-section,
.contact-section,
.services-section {
  padding: 40px 0;
  text-align: justify;
}
.about-section {
  background-color: #FFBB33;
  color: #4C4C4C;
}
.services-section {
  background-color: #FFDD88;
  border-top: 1px solid #FFBB33;
  border-bottom: 1px solid #FFBB33;
}
.contact-section{background-color:#FFD700}
.footer-custom{background-color:#FF6347;color:#fff;padding:20px 0;text-align:center}
h1,h2{font-weight:700;color:#000}
p{line-height:1.6}
.btn-primary{background-color:#FF6347;border-color:#e39550}
.btn-primary:hover{
  background-color: #ff7f50;
  border-color: #e5733f;
}
.faq, .testimonial{
  background-color: #f4f4f4;
  border-left: 5px solid #ff7f50;
  padding: 20px;
  margin: 20px 0;
}
.faq:hover, .testimonial:hover{
  background-color: #fff;
  transform: scale(1.02);
  transition: transform .3s ease-in-out;
}</pre></body></html>