mayvaneday/style.css

<!--

/* "Bartz" for Layout V3 */

/* https://web.archive.org/web/20240310130126/http://eastfarthing.com/luculent/ */

@media only screen and (min-width: 900px) {
	body {
		float: left;
		padding-left: 100px;
		min-width: 500px;
		overflow: scroll;
		overflow-x: hidden;
	}
}

@font-face {
	font-family: 'LuculentBold';
	src: url('./css/fonts/luculentb.woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'LuculentRegular';
	src: url('./css/fonts/luculent.woff');
	font-weight: normal;
	font-style: normal;
}

body {
	background-image: url("./css/bartz.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-color: #000000;
	font-family: 'LuculentRegular', monospace;
	color: #FFFFFF;
	max-width:900px;
	margin: auto;
	font-size: large;
	margin-bottom: 10px;
}

td, .center {
	text-align: center;
}

.left {
	text-align: left !important
}

.right {
	text-align: right !important
}

.index {
	max-width: 551px;
}

a, a:visited {
	color: inherit;
}

.box, .card, nav {
	margin-top: 3%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px 5px 20px;
	background: #000000;
}

.box-smaller {
	max-width: 700px;
}

table {
	width: 100%;
	padding: 3px;
}

article a, ul a, td a, .bruh {
	text-decoration: underline;
}

pre {
	font-size: small;
	overflow: auto;
}

hr {
	display: none;
}

b, strong {
	color: #1b8d0e;
	font-family: 'LuculentBold', monospace;
}

code {
	color: #a891c5;
}

i, em {
	color: #007ef7;
}

img.big {
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* https://orangeable.com/css/animated-gradient-text */

.lesbian {
	background: linear-gradient(-45deg, #D52D00, #EF7627, #FF9A56, #FFFFFF, #D162A4, #B55690, #A30262);
	background-size: 300%;
	font-weight: bold;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: animated_text 8s ease-in-out infinite;
	-moz-animation: animated_text 8s ease-in-out infinite;
	-webkit-animation: animated_text 8s ease-in-out infinite;
}

@keyframes animated_text {
	0% { background-position: 0px 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0px 50%; }
}

/* http://xjfbpuj56rdazx4iolylxplbvyft2onuerjeimlcqwaihp3s6r4xebqd.onion/about-foogallery-video/ */

#player-overlay {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 999;
}

video {
	display: block;
	width: 100%;
	height: 100%;
}

-->