@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700");
@import url("https://fonts.googleapis.com/css?family=Merriweather:400,400i,700");
 body {
	font-family: Raleway, sans-serif;
	width: 100%;
	height: 100vh;
	margin: 0;
	color: #fff;
}
.header {
	width: 100%;
	display: flex;
}
.links {
	color: #730FF6;
	width: 50%;
	text-align: center;
	margin: auto;
	outline: 1px solid #730FF6;
	margin-top: 15px;
	padding: 10px;
}
.links:hover {
	background-color: #730FF6;
	color: #fff;
	font-weight: 900;
}
.header span {
	width: 50%;
	margin: auto;
	display: flex;
}
.right {
	right: 0;
	margin-right: 0;
	margin-left: auto;
}
.collection {
	width: 100%;
	height: 30vh;
	display: flex;
	overflow-x: scroll;
	overflow-y: none;
}
.collection > span {
	width: 40px;
	height: 30px;
	padding: 40px;
	background: #fff;
	text-align: center;
	color: #000;
	border-radius: 15px;
	display: flex;
	align-items: center;
	margin: auto;
	margin-right: 10px;
	margin-left: 10px;
	box-shadow: 0 10px 6px -6px #777;
}
#container {
	width: 100%;
	background-color: #000000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23222' stroke-width='10' %3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");
}
h1 {
	color: #fff;
}
#box {
	width: 60px;
	height: 60px;
	background: #730FF6;
	margin: auto;
	border: 1px solid #fff;
	border-radius: 10px;
}
#tox {
	width: 60px;
	height: 60px;
	background: #730FF6;
	margin: auto;
	border: 1px solid #fff;
	border-radius: 10px;
}
.tag {
	border-bottom: 1px solid #730FF6;
}
#code {
	width: 90%;
	background: #fff;
	padding: 15px;
	color: #730FF6;
	border-radius: 15px;
	margin: auto;
	margin-bottom: 50px;
}
#super {
	display: none;
}
#space {
	width: 100%;
	height: 100px;
}
#loader {
	height: 100vh;
	width: 100%;
	color: #000;
	margin: 0;
	font-weight: 600;
	text-align: center;
	background-color: #730FF6;
	flex-direction: column;
	display: flex;
}
#loader svg {
	width: 80%;
	display: block;
	height: 80vh;
	margin: auto;
}
#aa {
	color: #730FF6;
}
#footer {
	width: 100%;
	height: 60px;
	color: #AC92EC;
	background: #967ADC;
	display: flex;
	font-size: 18px;
}
#footer p,
a {
	margin: auto;
	display: block;
	font-weight: 900;
}
a {
	color: #fff;
	border-bottom: 2px solid #000;
	text-decoration: none;
}
#about {
	border-radius: 15px 15px 0 0;
	background: #730FF6;
	width: 100%;
	color: #fff;
}
#about h7 {
	font-size: 18px;
	margin-left: 5px;
	margin-bottom: 20px;
}
#about p {
	margin-left: 5px;
}
#meenu {
	width: 100%;
	display: none;
	margin: 0;
	flex-direction: column;
}
