/* BORNTOFRAG.NET (C) */
@font-face {
	font-family: coda;
	src: url('coda.woff2');
}

@font-face {
	font-family: gabarito;
	src: url('gabarito.woff2');
}

html, body {
	margin: 0;
	height: 100%;
}

body {
	background-color: #000000;
	cursor: url('cursor.webp') 16 16, default;
}

div {
	width: fit-content;
}

p {
	margin: 0;
}

a {
	text-decoration: none;
	cursor: url('cursor.webp') 16 16, default;
	color: #b20000;
}

a:hover {
	color: #fe0000 !important;
}

.e-mail:before {
	content: attr(data-website) "\0040" attr(data-user);
	unicode-bidi: bidi-override;
	direction: rtl;
}

.btf-window {
	background-image: url('penguin.webp');
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 640px;
	height: 480px;
}

.btf-logo {
	margin: 0;
	max-width: 100%;
}

.btf-btn {
	margin: 0 auto;
	font-family: coda;
	font-size: 24px;
	text-shadow: 2px 2px black;
}

.btf-footer-left {
	position: absolute;
	bottom: 0;
	font-family: gabarito;
	font-size: 18px;
	color: #7e0000;
	transform: scale(.7,1) translate(-21%);
	letter-spacing: 4px;
	padding-left: 50px;
}

.btf-footer-right {
	white-space: nowrap;
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: gabarito;
	font-size: 18px;
	color: #7e0000;
	transform: scale(.7,1) translate(21%);
	letter-spacing: 4px;
	padding-right: 50px;
}

.btf-about {
	background-image: url('about.webp');
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 640px;
	height: 480px;
	visibility: hidden;
}

.btf-about:target {
	visibility: visible;
}

.btf-title {
	position: absolute;
	top: 8px;
	left: 50%;
	transform: translate(-50%);
	font-family: coda;
	font-size: 36px;
	color: #c70000;
}

.btf-about-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 400px;
	font-family: coda;
	font-size: 18px;
	text-align: center;
	color: #fefefe;
}

.btf-about-text p {
	padding-bottom: 15px;
}

.btf-back {
	position: absolute;
	bottom: 0;
}

.btf-back-btn {
	background-image: url('back_0.webp');
	background-repeat: no-repeat;
	width: 128px;
	height: 64px;
}

.btf-back-btn:hover {
	background-image: url('back_1.webp');
}
