.section {
	background: url('/images/gotdamn.jpg');
	color: grey;
	padding: 10vw 0;
	text-align: center;
}

.icon {
	font-size: 2.5rem;
	color: #007bff;
}

.footer {
	background: #333;
	color: #aaa;
	padding: 2vw 0;
	text-align: center;
}

.m-scroll {
	display: flex;
	position: relative;
	width: 100vw;
	height: 100vh;
	margin: auto;
	background-color: #424549;
	overflow: hidden;
	z-index: 1;
  
	  &__title {
	  display: flex;
	  position: absolute;
	  top: 0;
	  left: 0;
	  align-items: center;
	  justify-content: flex-start;
	  width: 100%;
	  height: 100%;
	  white-space: nowrap;
	  transform: scale(2);
	  transform: rotate(45);
	  transition: all 1s ease;
	  & > div {
		display: flex;
		animation: scrollText 33s infinite linear;
	  }
	  h1 {
		margin: 0;
		font-size: 140px;
		color: rgba(255,255,255,1);
		transition: all 2s ease;
		}
		a {
		  text-decoration:none;
		  color:white;
		  }
		a:hover{
		  -webkit-text-stroke: 1px white;
		  color: transparent;
		}
	}
  }
  
  /*div:hover {
	animation-play-state: paused;
  }*/
  @keyframes scrollText {
	from   { 
		transform: translateX(0%);
		transform: translateY(0%);
	 }
	to { 
		transform: translateX(-50%);
		transform: translateY(50%);
	 }
  }