@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Poppins:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');


* {
  font-family: Poppins, sans-serif;
  padding: 0;
  margin: 0;
  text-decoration: none;
}

body {
	color: black;
	background-color: black;
    opacity: 0;
    transition: opacity 3.0s;
	overflow: hidden;
}

div {
  display: flex;  
  justify-content: center;
}

#top {
  width: 5.3vw;
  height: 1.3vw;
  padding-top: 24vh;
}

p, #top, h1, span {
  transition: 1s;
}

h1, span {
  font-family: Poppins, sans-serif;
  font-size: 5.2vw;
  color: white;
}

h1 {
	font-family: Montserrat, sans-serif;
	font-weight: 700;
}

span {
  font-weight: 700;
  background-image: -webkit-linear-gradient(55deg, #ff8e44, #f91362, #35126a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

p {
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  color: white;
  font-size: 1.4vw;
  margin-bottom: 15px;
}

#btn {
  transition: 0.4s;
  font-size: 1.43vw;
  padding: 12px;
  margin: 15px;
  margin-top: 5px;
  border-radius: 1px;
  font-weight: 500;
  transition: 0.5s;
  color: white;
  background-color: black;
  box-shadow: 0px 3px 16px -3px black;
}

#btn:hover {
	padding-left: 60px;
	padding-right: 60px;
}

@media screen and (max-width: 1720px) {
	a {
		font-size: 0.6vw;
	}
	h1, span {
		font-size: 6.1vw;
	}
	#btn {
		font-size: 1.5vw;
	}
	p {
		font-size: 1.8vw;
	}
	#top {
        width: 6.2vw;
        height: 2.2vw;
	}
}
@media screen and (max-width: 1320px) {
	a {
		font-size: 0.6vw;
	}
	h1, span {
		font-size: 7.4vw;
	}
	#btn {
		font-size: 2.1vw;
	}
	p {
		font-size: 2.3vw;
	}
	#top {
        width: 8.6vw;
        height: 3.6vw;
	}
}
@media screen and (max-width: 1090px) {
	a {
		font-size: 1.6vw;
	}
	h1, span {
		font-size: 8.8vw;
	}
	#btn {
		font-size: 2.3vw;
	}
	p {
		font-size: 2.6vw;
	}
	#top {
        width: 9.0vw;
        height: 5.0vw;
	}
}

@media screen and (max-width: 750px) {
	a {
		font-size: 2.3vw;
	}
	h1, span {
		font-size: 11.2vw;
	}
	#btn {
		font-size: 2.9vw;
	}
	p {
		font-size: 2.9vw;
	}
	#top {
        width: 12.4vw;
        height: 1.4vw;
	}
}

@media screen and (max-width: 630px) {
	a {
		font-size: 2.6vw;
	}
	h1, span {
		font-size: 12.5vw;
	}
	#btn {
		font-size: 4vw;
	}
	p {
		font-size: 4.2vw;
		max-width: 360px;
		text-align: center;
	}
	#top {
        width: 16.9vw;
        height: 6.9vw;
	}
}