body, html {
  height: 100%;
  width: 100%;
  text-align: center;
  margin: 50px auto 30px}

  .end-content {
    margin-top: 50px;
  }
::selection {
  background: #9AB5AC;
  /* WebKit/Blink Browsers */
  color: #222324; }

/* width */
.scroll-container::-webkit-scrollbar {
  width: 3px; }

/* Track */
/* Handle */
.scroll-container::-webkit-scrollbar-thumb {
  background: #fff800; }

a, p, h1, h2, h3, h4, h5, body {
  color: #000;
  text-decoration: none;
  margin: 0;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal; }

html {
  background: #F4F3EB; }

@font-face {
  font-family: "Founders Condensed";
  src: url("../fonts/founders-grotesk-x-condensed-bold.woff2") format("woff2"), url("../fonts/FoundersGroteskX-Condensed-Bold.otf") format("otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Founders Bold";
  src: url("../fonts/founders-grotesk-bold.woff2") format("woff2"), url("../fonts/FoundersGrotesk-Bold.otf") format("otf");
  font-weight: normal;
  font-style: normal; }
h1, h2, h3, h4, a {
  color: #222324; }

h4 {
  font-family: 'Founders Bold', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 0.55em; }

.mini-link {
  font-family: 'Founders Condensed', sans-serif;
  font-size: 18px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  position: relative; }
  .mini-link:hover {
    color: #9AB5AC; }

p {
  font-family: 'Founders Bold', sans-serif; }


a.main-cta {
  font-family: 'Founders Condensed', sans-serif;
  font-size: 1.4vw;
  text-transform: uppercase;
  color: #F4F3EB;
  letter-spacing: 0.06em;
  padding: 1.2vw 2vw 1.3vw 4vw;
  border-radius: 100px;
  display: inline-block; }
  a.main-cta::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #222324;
    border-radius: 100px;
    z-index: -1;
    transition: transform 0.28s cubic-bezier(0.56, 0, 0.08, 1); }
  a.main-cta:hover {
    color: #222324; }
    a.main-cta:hover::before {
      transform: scale(1.03);
      background-color: #9AB5AC; }
    a.main-cta:hover.white-bg::before {
      background-color: #fff; }
    a.main-cta:hover.up-arrow .icon {
      transform: translateY(-62%);
      transition: transform 0.8s 1.3s cubic-bezier(0.7, 0, 0.08, 1); }
    a.main-cta:hover .icon::before, a.main-cta:hover .shine::before {
      opacity: 0; }
    a.main-cta:hover .icon::after, a.main-cta:hover .shine::after {
      opacity: 1; }
    a.main-cta:hover.icon-inside .shine {
      transform: rotate(720deg);
      transition: transform 1.5s cubic-bezier(0.7, 0, 0.08, 1); }


.mini-link:hover .diagonal-arrow {
  transform: rotate(45deg) translate3d(49%, 38%, 0) scale(0.86);
  transition: transform 0.8s 1.3s cubic-bezier(0.7, 0, 0.08, 1); }

section {
  position: relative; }