@font-face {
	font-family: "Shrikhand";
	src: url("../ttf/Shrikhand-Regular.ttf") format("truetype");
}

html, body {
	width:100%;
	height:100%;
}

body {
	margin:0;
	display:flex;
	background: #94BBE9;
	background: linear-gradient(skyblue, pink);
}

main {
	margin:auto;
	display:flex;
	flex-direction:column;
}

h1 {
	margin:0;
	font-family: "Shrikhand", sans-serif;
	background: #94BBE9;
	background: linear-gradient(pink 10%, red);
	color: transparent;
	background-clip: text;
	font-size:60px;
	padding:20px;
	margin:auto;
}

h1::before {
	content:"StrawberryHaze111";
	position:absolute;
	text-shadow:3px 0 0 white,-3px 0 0 white,0 3px 0 white,0 -3px 0 white, 3px 3px 0 white,-3px -3px 0 white, 3px -3px 0 white,-3px 3px 0 white;
	z-index:-2;
}

iframe {
	border:5px solid white;
	border-radius:5px;
}