@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:#ab6e6b;
    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: #e5afab;
    font-weight: 600;
    font-size: 13px;
    padding: 0px 0;
    transition: all;
    transition-duration: 300ms;
    border-bottom: 2.5px solid #e5afab00;
}

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

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

.bottom-left {
  position: absolute;
  bottom: 8px;
  max-width: 260px;
  text-align: justify;
  left: 4.5rem;
  bottom: 12rem;
  font-family: Alte, Helvetica;
    color: #461d1b;
    font-weight: 500;
    font-size: 13px;
}

.bottom-left2 {
  position: absolute;
  bottom: 8px;
  max-width: 300px;
  text-align: justify;
  left: 12rem;
  top: 58rem;
  font-family: Alte, Helvetica;
    color: #461d1b;
    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;
}