@import 'https://fonts.googleapis.com/css?family=Iceland|Cairo&display=swap';
body {
	background-image: url("/resources/img/pb.webp");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	background-color:#2c2c2c;
	color:#efefef;
}
/*.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}*/
.tstyle {
	color: #FFD700;   /* Gold */
	font-family: Iceland;
	max-width: fit-content;
	margin: auto;
	text-shadow: 0 0 8px rgba(255, 215, 0, 0.7);
}

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

	/* transparent box padding */
	background: rgba(0, 0, 0, 0.9);	/* black box at 90% opacity */
	padding: 20px 40px;		/* space inside the box */
	border-radius: 12px;		/* rounded corners */
}

#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}