@import url('https://fonts.googleapis.com/css2?family=Aboreto&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
.headline {
  font-family: "Aboreto", system-ui;
  font-weight: 700;
  font-style: normal;
}
body {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  background-color: #ffffff;
  color: #3f3f3f;
}
.background {
  background: url('../images/front-desktop.jpg');
  background-attachment: scroll;
}
header {
  background-color: #751EF0;
  color: white;
}
footer {
  background-color: #F9A30B;
  color: #2B2B2B;
}
.glow {
  animation: glow 25s ease-in-out infinite alternate;
}
@keyframes glow {
  from {
	text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073,
	0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  to {
	text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6,
	0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}
.scrolling-banner {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.scrolling-content {
  display: flex;
  animation: scroll 60s linear infinite;
  width: calc(200px * 44);
}
.scrolling-content > div {
  flex: 0 0 auto;
  width: 200px;
}
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-200px * 21)); }
}
.text-purple {
  color:#751EF0;
}
.nav-item {
	font-size: 1.2rem;
	padding-right: 2rem;
}