/* LAINLOUNGE.XYZ - WORLDWIDE INTL.  |  COPYLEFT ALL WRONGS RELEASED  |  2024 - next month's electricity bill */
/* composed by spectre, lowdash and hornet */

@font-face {
    font-family: Spleen;
    font-style: normal;
    font-weight: 400;
    src: url("./src/spleen-32x64.otf") format("opentype");
}

:root {
	--bg: rgb(12, 12, 24);
	--logo: tomato;
	--text: rgb(120, 120, 164);
	--fonts: "Spleen";
}

body {
	font-family: var(--fonts) !important;
	background-color: var(--bg);
	padding: 10px;
	margin: 7px;
}

hr {
	color: crimson;
}

/* header */

header {
	display: flex;
	flex-wrap: wrap;
}

.logo {
	flex-grow: 1;
}

.logo>sup {
	margin-top: 1svh;
	margin-left: 2svw;
	margin-bottom: 0;
	font-size: 1.5rem;
	color: salmon;
}

.logo>h1 {
	font-size: 3rem;
	margin-bottom: 0;
	color: tomato;
}

.logo>hr {
	margin-top: 0 !important;
}

.logo:hover {
	text-shadow: 0 0 0.5rem salmon;	
}

.logo-links {
	padding-top: 0;
	/* check below for desktop rules*/
}

.logo-links>sub {
	color: salmon;
	font-size: 1.5rem;
}

.logo-links>sub:hover {
	text-shadow: 0 0 0.3rem salmon;	
}

.logo-links>nav {
	margin-top: 1lvh;
}

.logo-links>nav>a {
	font-weight: bold;
	font-size: 1.5rem;
	margin: 0.5lvh;
}

.logo-links>nav>a:first-child {
	border-left: none;
}

.members {
	font-size: 2lvh;
	line-height: 3lvh;
}

p {
	font-size: 130%;
	color: var(--text);
}

p:hover {
	text-shadow: 0 0 0.2rem darkslateblue;
}

a {
	color: lightskyblue;
	text-decoration: none;
}

a:hover {
	color: crimson;
	text-shadow: 0 0 0.5rem crimson;
}

/* "adress" LMFAOO (now fixed) */
address {
	color: salmon;
	margin-right: 2lvh;
	font-size: 1.5rem;
}

.page {
	max-width: 80svw;
	margin: auto;
}

.easter {
	color: var(--bg);
	text-align: right;
}

.easter:hover {
	text-shadow: 0 0 5px var(--bg);
}

.pic {
	display: none;
	box-shadow: 0 0 1.5rem gray
}

.pic:hover {
	box-shadow: 0 0 2rem white
}

.bless {
	color: crimson
}

.bless:hover {
	text-shadow: 0 0 1rem crimson;
}

/* for desktops */
@media screen and (min-width: 1025px) {
	.pic {
		display: block;
		width: 50lvh;
		height: 50lvh;
		margin-left: 10lvh;
		margin-top: 1lvh;
		margin-bottom: 1lvh;
	}

	.logo-links {
		padding-top: 2rem;
		margin: 1rem;
	}

	.body-text {
		display: flex;
	}

	footer {
		display: flex;
	}

	footer>address {
		flex-grow: 1;
	}
}