@font-face {
	font-family: "dice";
	src: url("dice-Regular.otf") format("opentype");
}

@font-face {
	font-family: "dot";
	src: url("dots-font.otf") format("opentype");
}


h1 {
	font-family: "dice";
	font-size: 200px;
	line-height: 1px;
}

p {
	font-size: 100px;
	font-family: "dot";
	text-align: center;
	box-sizing: none;
}

body {
	font-family: "dice";
	font-size: 200px;
	line-height: 100px;
}

.cardblue {
	display: inline-block;
	font-family: "dice";
	transition: box-shadow 0.2s;
	font-size: 200px;
	line-height: 100px;
	cursor: pointer;
	box-sizing: 0;
}
.cardblue:hover {
	box-shadow: 0 20px 60px rgba(0, 106, 255, 0.8);
}

.center {
    text-align: center;
	
}

#grad1 {
  height: page;
  width: page;
  background-image: linear-gradient(to bottom, pink, rgb(255, 145, 0));
}