body {
	font-family: "elza", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #313131;
	font-size: 1rem;
	letter-spacing: 0.016rem;
	/* background: url(../img/theme/blurb.svg) top right no-repeat; */
}

a {
	color: #313131;
	text-decoration: underline;
}

a:hover {
  background-color: #D4D9FC;
  transition: 200ms ease-in ;
}
header {
	background: rgba(255, 255, 255, 0.5);
	padding: 15px 0 13px;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	position: sticky;
	top: 0;
	z-index: 10;
}

section {
	padding: 10vh 0;
}

.navbar-menu {
	text-transform: uppercase;
	font-size: 0.6rem;
	letter-spacing: 3px;
	color: #313131;
}

.navbar-menu a, footer a {
	text-decoration: none;
}

.navbar-menu a:hover, footer a:hover{
  background: none;
}

.title {
	font-size: 1.3rem;
	font-weight: 500;
}

.label {
	text-transform: uppercase;
	font-size: 0.6rem;
	letter-spacing: 2px;
	color: #777;
}

.caption {
	color: #777;
	letter-spacing: 0.5px;
	font-style: italic;
	font-size: 0.81rem;
	text-align: center;
}

#hero {
	font-size: 2rem;
	padding: 7rem 0;
	min-height: 55vh;
	background: transparent;
}

.greeting {
	font-size: 2.25rem;
	font-weight: 700;
}

footer {
  padding: 15px 0 13px;
}

footer svg {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin-right:1rem;
  max-height: 1rem;
  max-width: 1rem;
}

svg:hover {
  fill: #D4D9FC;
}

footer p {
  text-transform: uppercase;
  font-size: 0.6rem;
  letter-spacing: 2px;
  color: #777;
}

.animation {
	opacity: 0;
}

section {
	background: white;
}

.fadeout {
	background: linear-gradient(0deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0.5592612044817927) 89%, rgba(255,255,255,0) 100%);
}




.blob {
  background-color: transparent;
  background: linear-gradient(200deg, #6775F5 0%, #B358FB 14%, #FF9CC3 28%, #FF9365 42%, #FFF06C 56%, #8CFF8A 70%, #89F1FF 84%, #6775F5 100%);
  aspect-ratio: 1;
  position: absolute;
  z-index: -1;
  overflow-x: hidden;
  animation: rotate 10s linear infinite;
  animation: scale 45s linear infinite;
  height: 1200px;
  width: 1200px;
  top: -600px;
  right: -600px;
  opacity: 0.3;
  border-radius: 50%;
  border: 1px solid red;
  filter: blur(100px);
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes scale {
	0% {
		transform: scale(1.0);
	}
	50% {
		transform: scale(2.3);
	}
	70% {
		transform: scale(.75);
	}
	100% {
		transform: scale(1.20);
	}
}
}