@import 'https://fonts.googleapis.com/css?family=Cairo|Damion&display=swap';

body {
	background-color:#2c2c2c;
	color:#efefef;
	height:100%;
}

.tstyle {
	background:-webkit-linear-gradient(-45deg, #A3FF00 30%, #49FF00 35%, #00FF45 45%, #04FF54 60%, #00FFD2 65%);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	font-family:damion;
	max-width:fit-content;
	margin:auto;
}

#container {
	text-align:center;
	font-family:cairo;
	position:absolute;
	top:45%;
	left:50%;
	transform:translate(-50%,-45%);
	width:auto;
}

#container #avatar {
	border-radius:50%;
	margin-bottom:-.75em;
}

#container #title {
	font-size:4em;
}

#container #text {
	line-height:1.375;
}

#container #links {
	margin-top:1.25em;
	white-space:nowrap;
	letter-spacing:.5em;
	line-height:2;
}

@media all and (max-width:1000px) {
	#brave-shill {
		margin-top:.35em;
		max-width:100%;
		border-radius:.5em;
	}
}

@media all and (min-width:1001px) {
	#brave-shill {
		margin-top:.35em;
		width:50%;
		border-radius:.5em;
	}
}

a {
	color:#1ee9ff;
	text-decoration:none;
}

#container #links a {
	user-select:none;
	text-decoration:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}
.icon{width:24px}