html {
	/* background-color: #f7cac9; */
	/*background-color: #191919;*/
	background-color: #F8f8f8;
	scroll-behavior: smooth;
}

.container {
	display: block;
	max-width: 1200px;
	margin-top: 3vw;
	margin-left: auto;
	margin-right: auto;
	position: static;
}
 
.logo {
	display: block;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	max-width: 300px;
	height: auto;
	background-color: none;
}

.soon-wrapper {
	display: block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	background-color: none;
	height: auto;
}

.soon, a {
	display: block;
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 900;
	font-style: normal;
	color: #212121;
	background-color: none;
	text-align: center;
    font-size: 3vw;
    line-height: 1em;
    letter-spacing: -.05em;
    height: 100%;
    text-decoration-line: none;
}

#auahover {
	color: #e86d81;
	font-size: 3vw;
}

#auahover:hover {
	color: #10e88a;
}


/* --------------------------------- FOOTER --------------------------------- */

.footer, h1 {
	display: block;
	position: static;
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 0.8vw;
    letter-spacing: -.05em;
	color: #212121;
	background-color: none;
	text-align: center;
    width: 100%;
    margin-top: 2em;
    overflow: hidden;
}


/* ---------------------------------------------- */

/* SCREEN FIT */

@media only screen and (min-width: 1280px) {
	.logo, .soon-wrapper {
		width: 1000px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.logo, .soon-wrapper {
		width: 600px;
	}
	.soon-wrapper {
		margin-top: 20px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.logo, .soon-wrapper {
		width: 300px;
	}
	.soon-wrapper {
		margin-top: 20px;
	}
	.soon {
		font-size: 5vw;
	}
		#auahover {
			font-size: 5vw;
		}

}


/* ---------------------------------------------- */

/* HOVER EFFECT */

/* .cls-1:hover {
 	animation: shake 0.5s;
  	animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
} */

/* COLOR TRANSITION IN CLS-1 */

/* .cls-1 {
	-webkit-animation-name: color-transition;
	animation-name: color-transition;
	-webkit-animation-duration: 25s;
	animation-duration: 25s;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes color-transition {
	0% {
		fill: #4C6085;
	}
	33% {
		fill: #80D39B;
	}
	66% {
		fill: #BE3E82;
	}
	100% {
		fill: #4C6085;
	}
}

/*@-webkit-keyframes color-transition {
	0% {
		fill: #202020;
	}
	33% {
		fill: #eb9687;
	}
	66% {
		fill: #ed6d63;
	}
	100% {
		fill: #c70039;
	}
} */