:root {
  --bg-image: url(../imgs/bg2.webp);
  --deep-green: #1f3d1f;
  --orange: #d27d2c;
  --light-beige: #FFF4E3;
  --warm-beige: #f5e1c0;
  --eucalyptus-green: #4c6b4c;
  --button-bg: #F9F3E7;
  --olive-green: #3b4d3b;
  --latte-brown: #a68a6d;
  --cream-white: #fef9f3;
  --smoky-gray: #888;
  --lime-green: #a5c94a;
  --mustard-yellow: #c9a14a;
  --brick-red: #ba5a33;
  --graphite-gray: #222;
  --font-family: "Inter", sans-serif;
  --primary-color: var(--graphite-gray);
  --secondary-color: var(--button-bg);
  --sec-bg-color: var(--warm-beige);
  --primary-bg-color: var(--light-beige);
  --trimary-bg-color: var(--deep-green);
  }

body {
    font-family: var(--font-family);
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    background-color: var(--primary-bg-color);
}


.montserrat-italic {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: italic;
  }

  
.inter-normal {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: italic;
}

html {
  overflow: hidden;
  scroll-behavior: smooth;
}

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    color: var(--warm-beige);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    z-index: 1000;
    font-family: var(--font-family);
    margin: 0 20px 0 20px;
}

footer .right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .right i {
  font-size: 30px;
  font-weight: lighter;
  margin-left: 15px;
}

footer .right *{
    margin-left: 10px;
}