@font-face {
	font-family: 'Roboto', sans-serif;
	src: url('./../assets/fonts/Roboto-Bold.ttf');
	font-weight: 700;
}

@font-face {
	font-family: 'Roboto', sans-serif;
	src: url('./../assets/fonts/Roboto-Regular.ttf');
	font-weight: 500;
}

@font-face {
	font-family: 'Roboto', sans-serif;
	src: url('./../assets/fonts/Roboto-Light.ttf');
	font-weight: 300;
}

body,
html {
	/*
    width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0c1016;
	font-size: 10px;
	color: #00fff1;
	font-size: 10px;
	font-family: 'Roboto', sans-serif;
    */
	margin: 0;
	padding: 0;
}

* {
	box-sizing: border-box;
}

#container {
    padding-top: 1rem;
}

svg {
	visibility: hidden;
	position: absolute;
	top: -100%;
	left: -100%;
}

h1 {
	width: 80%;
	max-width: 380px;
	font-size: 1.5rem;
	line-height: 1.7em;
	.gooey {
		color: #0c1016;
		background-color: #00fff1;
		padding: 0.3em;
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
		filter: url('#goo');
	}
}