@font-face {
  font-family: 'Nevins';
  src: url('Nevins.otf') format('opentype');
}

@font-face {
    font-family: 'Alte';
    src: url('AlteHaasGroteskRegular.ttf') format('truetypefont');
}

*, html {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    background-color: #ebe4dc;
}

nav {
    background-color:#ebe4dc;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 1.5rem;
    position: sticky;
     z-index: 999;
    top: 0;
}

nav div img {
    width: 100px;
}

nav ul{
    display: flex;
    align-items: center;
    gap: 2rem;
    list-style: none;
}

nav ul li a {
    text-decoration: none;
    font-family: Nevins, Helvetica;
    color: #beb2a6;
    font-weight: 600;
    font-size: 13px;
    padding: 0px 0;
    transition: all;
    transition-duration: 300ms;
    border-bottom: 2.5px solid #461d1b00;
}

nav ul li a:hover {
    border-bottom: 1.5px solid #461d1b;
    color: #461d1b;
}

div img {
    width: 100%;
    padding: 0;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  max-width: 225px;
  text-align: justify;
  left: 10.5rem;
  bottom: 10rem;
  font-family: Alte, Helvetica;
    color: #ebe4dc;
    font-weight: 500;
    font-size: 13px;
}

.bottom-left2 {
  position: absolute;
  bottom: 8px;
  max-width: 280px;
  text-align: justify;
  left: 21rem;
  top: 37.5rem;
  font-family: Alte, Helvetica;
    color: #ebe4dc;
    font-weight: 500;
    font-size: 13px;
}

.menu-section{

    width:100%;
    padding:70px 80px;
}

.menu-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

    gap:60px 25px;

    justify-items:center;
}

.menu-card{

    text-align:center;
}


.image-wrapper{

    position: relative;

    width:100px;
    left: 6px;
}

.image-wrapper2 {

    position: relative;

    width:120px;
    left: 0px;
}

.image-wrapper img:first-child{

    width:100%;

    display:block;
}

.sticker{

    position:absolute;

    top:-8px;
    right:-10px;

    width:55px;
}

.menu-card h3{

    margin-top:10px;

    font-family: Nevins, Helvetica;
    color: #461d1b;
    font-weight: 600;
    font-size: 20px;
}

.price{

    display:inline-block;

    margin-top:5px;

    background:#ab6e6b;

    color:white;

    padding: 4px 12px;
    border-radius:60px;
    font-family: Alte, Helvetica;
    color: #ebe4dc;
    font-weight: 500;
    font-size: 13px;
}

footer {
    background-color: #461d1b;
}

footer ul{
    display: flex;
    align-items: center;
    justify-content : center;
    padding-bottom: 0.7rem;
    padding-top: 1rem;
    gap: 2rem;
    list-style: none;
}

footer ul li a {
    text-decoration: none;
    font-family: Alte, Helvetica;
    color: #ebe4dc;
    font-weight: 500;
    font-size: 13px;
    padding: 0px 0;
    transition: all;
    transition-duration: 300ms;
    border-bottom: 2.5px solid #ebe4dc00;
}

footer ul li a:hover {
    border-bottom: 1.5px solid #ebe4dc;
    color: #ebe4dc;
}

.FooterBottom {
    padding: 0rem  1.5rem;
    padding-bottom: 1rem;
    display: flex;
    justify-content : center;
    font-family: Nevins, Helvetica;
    font-weight: 600;
    font-size: 13px;
    color: #ebe4dc;
}