:root {
  --primary-color: #885a5a;
  --light-background-color: #e5dcdf;
}

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

body {
    scroll-snap-type: y mandatory;
}

h1, h2, h3, h4 {
    font-family: Poppins;
}

h1 {
    font-weight: bold;
}

h2 {
    margin: 0px 0px 16px 0px;
}

a {
    cursor: pointer;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #875b5b;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after,
.hover-underline-animation.active::after {
  transform: scaleX(1);
}

.hover-underline-animation.center::after {
  transform-origin: bottom center;
}

.next-section-button {
    opacity: 0.2;
    z-index: 2;
}

.next-section-button:hover {
    opacity: 0.8;
}