/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a, .phone-number, .link-dev {
  color: initial;
  text-decoration: none;
}

/* General */
main {
  overflow-wrap: break-word;
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  line-height: 1.6;
  background: #323840;
  color: #ECECEC;
  font-family: "Merriweather Sans", serif;
  letter-spacing: 0.5px;
}

/* Layout */
.img-dish {
  margin: 1rem;
  transition: transform 0.3s;
}

.img-dish:hover, .img-command:hover {
  transform: scale(1.1);
}

/* Header & footer */
.header-navbar, .footer-navbar {
  background: #323840;
}

ul {
  justify-content: center;
}

li {
  padding: 0.5rem;
  list-style: none;
  transition: 0.3s;
}

li > .nav-link, #btn-contact, #btn-contact-nav, #btn-contact-footer {
  color: #F2955E;
  font-family: "Dancing Script", serif;
}

#btn-contact, #btn-contact-nav, li > .nav-link-header {
  font-size: 2rem;
}

li > .nav-link:hover {
  text-decoration: underline;
  color: #F2955E;
}

footer > p, section > h2,div > h2, .phone-number, .link-dev {
  color: #F2955E;
}

.phone-number {
  font-size: 1.5rem;
}

.footer-items {
  font-size: 1rem;
}

/* Components */
.img-logo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.img-home, .img-dish, .img-photo {
  border-radius: 10%;
  box-shadow: 0px 0px 5px #ECECEC;
}

.img-command {
  border-radius: 10%;
}

#btn-contact, #btn-contact-nav, #btn-contact-footer {
  box-shadow: 0px 0px 2px #ECECEC;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  z-index: 10;
}

#btn-back-to-top:hover {
  color: #F2955E;
  background-color: #323840;
  border: #F2955E solid 1px;
}

#btn-contact, #btn-contact-nav, #btn-contact-footer {
  color: #323840;
  border-radius: 50px;
}

#btn-contact, #btn-contact-nav, #btn-back-to-top, #btn-contact-footer {
  background-color: #F2955E;
  border: #F2955E solid 1px;
}

#btn-contact:hover, #btn-contact-nav:hover, #btn-contact-footer:hover {
  background-color: #323840;
  color: #F2955E;
  border-radius: 50px;
  border: #F2955E solid 1px;
}

/* Table */
th, td {
  background-color: #323840 !important;
}

table > thead > tr > th {
  color: #F2955E !important;
}

table > tbody > tr > td {
  color: #ECECEC !important;
}

.p-description-dish {
  font-weight: 300;
  font-size: 1rem;
}

.td-price{
  font-size: 1.5rem;
}

.td-hours{
  font-size: 1rem;
}

/* Titles */
h1, h2 {
  font-family: "Dancing Script", serif;
}

h1 {
  text-shadow: 0px 0px 1px #ECECEC;
}

div > h2 {
  font-size: 5rem;
}

h1, h2 {
  text-align: center;
}

.title-dish {
  font-size: 1.5rem;
  font-weight: bold;
}