/* MENU HOVERS */
.background-color-slant{
z-index: -1;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url("/assets/images/noise.png"), none;
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-size: auto, auto;
background-repeat: repeat, repeat;
background-attachment: scroll, scroll;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
	transform: skewY(-4deg);
}

body {
	z-index: -1;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url("/assets/images/noise.png"), none;
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-size: auto, auto;
background-repeat: repeat, repeat;
background-attachment: scroll, scroll;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
background-color:snow;
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

header {
  position: fixed;
  display: flex;
  justify-content: flex-end;
  padding: 5vw;
  width: 100%;
  top: 0;
  left: 0;
  transition: 0.4s ease;
}
header a {
  margin-left: 2rem;
}
header.nav-fixed {
        width: 100%;
        position: fixed;
        transition: 0.3s ease-in-out;
    }
.navigationlogo {
        background-image: url(/assets/images/in-the-flock-june-2019-black-alt.svg);
        background-repeat: no-repeat;
        background-position: center;
        height: 60px;
        padding: 12px 48px !important;
        margin-left: 2rem !important;
    }
    [data-nav-color=dark] {
        color: white;
    }

    [data-nav-color=light] {
        color: black;
    }

    .nav-fixed[data-nav-color=light] {
        background-color: rgba(255, 255, 255, 0.8);
        fill: white;
    }

    .nav-fixed[data-nav-color=dark] {
        background-color: rgba(0, 0, 0, 0.8);
        fill: black;
    }

    [data-nav-color=light] .navigationlogo {
        background-image: url(/assets/images/in-the-flock-june-2019-black-alt.svg);
    }

    [data-nav-color=dark] .navigationlogo {
        background-image: url(/assets/images/in-the-flock-june-2019-white-alt.svg);
    }
.btn-primary {
font-family: 'Helvetica Neue','Hanken Grotesk', sans-serif;
font-size: 1.2em;
font-weight: 600;
border: none;
padding: 20px 40px;
cursor: pointer;
transition: all 200ms ease-in;
background-color: #927FBA;
color: #fff;
letter-spacing: -0.03em;
}
.clip {
  padding: 1rem;
  clip-path: polygon(0% 0%, 100% 1%, 100% 100%, 2% 95%);
  text-align: center;
  filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
  transition: transform box-shadow 0.25s ease-in-out;
}
.clip:hover {
  transform: translateX(3px) translateY(3px);
  box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.3);
opacity: 80%;
	
}