body {
	cursor: default;
	background-color: #323862;
}
*{
	margin: 0;
	padding: 0;
	font-family: Futura,Helvetica;
	list-style-type: none;
}

header{
	width: 100%;
	background-color: #000c30;
}

nav{
	width: 80%;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2em 0;
}
.links{
	width: 100%;
}

.links ul {
	display: flex;
	justify-content: space-around;	
}

.links a {
	text-decoration: none;
	color: white;
	font-size: 30px;
	font-weight: bold;
	cursor: help;
	padding-bottom: 0.5em;
	background-image: linear-gradient(#ffffff, #ffffff);
	background-size: 0% 0.1em;
	background-position-y: 100%;
	background-position-x: 50%;
	background-repeat: no-repeat;
	transition: background-size ease-in-out 0.5s;
	-webkit-transition: background-size ease-in-out 0.5s;
	-moz-tansition: background-size ease-in-out 0.5s;
	-ms-transition: background-size ease-in-out 0.5s;
	-o-transition: background-size ease-in-out 0.5s;
}
.links a:hover{
	background-size: 100% 0.15em;
	background-color: #000c30;
	text-decoration-color: #b3c0e6;
}

.chipsdiv{
	background-image: url("blob.svg");
	background-position-x: -60px;
	background-position-y: -75px;
	background-repeat: no-repeat;
	background-size: 130%;
	position: absolute;
	justify-content: center;
	border-radius: 30px;
	height: 300px;
	width: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 120px;
	right: 30px;
}
.chipstext{
	position: absolute;
	font-weight: 800;
	color: white;
	font-size: 40px;
	font-weight: bold;
}

.pack1{
	filter: grayscale(90%);
	color: white;
	font-size: 20px;
	font-weight: bold;
	background-image: url(Minecraft-Symbole.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	text-decoration: none;
	width: 500px;
	height: 75px;
	position: ;
	top: 30px;
	left: 30px;
	border-radius: 20px;
	margin: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pack1:hover{
	filter: grayscale(0%);
	background-image: url(Minecraft-Symbole.jpg);
	background-size: 100%;

}
.pack1text{
	text-decoration: none;
}

.colordiv{
	border-style: dashed;
	border-radius: 20px;
	margin: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	width: 500px;
	height: 75px;
	margin: 30px;
}

#gradient {
	width: 500px;
	height: 300px;
	margin: 30px;
	top: 120px;
	right: 30px;
	border-radius: 20px;
	color: white;
	font-size: 40px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}