.icon-left {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-left::before {
	content: "\e904";
}

.scroll-down{
	-webkit-transform: rotate(-90deg) translate(100%, 0);
	-moz-transform: rotate(-90deg) translate(100%, 0);
	-ms-transform: rotate(-90deg) translate(100%, 0);
	-o-transform: rotate(-90deg) translate(100%, 0);
	transform: rotate(-90deg) translate(100%, 0);
}

.scroll-down{
	opacity: 1;
}

.scroll-down i {
	margin-right: 8px;
}

.scroll-down i{
	font-size: 45px;
	display: inline-block;
	position: relative;
	left: 0;
	vertical-align: middle;
}

	.scroll-down:hover i {
		left: -15px;
	}

	.scroll-down i{
		-webkit-transition: left .3s;
		-moz-transition: left .3s;
		-ms-transition: left .3s;
		-o-transition: left .3s;
		transition: left .3s;
	}

.scroll-down {
	font-size: 0.75rem;
}



/*
section {
height: 100vh;
  position: relative;
}
#section-1 {
  background-color: #2d8df8;
}
a#scroll-btn {
  position: absolute;
  height: 7.5em;
  width: 4em;
  border: 0.3em solid #ff95f1;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6.25em;
  border-radius: 3em;
}
*/
/*
a#scroll-btn:before {
  position: absolute;
  content: "";
  margin: auto;
  left: 0;
  right: 0;
  top: 0.6em;
  height: 1em;
  width: 1em;
  background-color: #ff95f1;
  border-radius: 50%;
  animation: move-down 2s infinite;
}
*/
/*
@keyframes move-down {
  80% {
    opacity: 0.5;
  }
  100% {
    transform: translateY(5.3em);
    opacity: 0;
  }
}
a#scroll-btn:after {
  position: absolute;
  content: "";
  width: 12em;
  display: block;
  width: 12em;
  text-align: center;
  left: -4.2em;
  bottom: -2.5em;
  font-size: 1.6em;
  color: #ff95f1;
  letter-spacing: 3px;
  font-weight: 600;
}
#section-2 {
  background-color: #111315;
  color: #ffffff;
  font-size: 2.7em;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1em;
}
*/
@media screen and (max-width: 500px) {
  a#scroll-btn {
    display: none;
  }
}