@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Averia+Sans+Libre&family=Nova+Mono&family=Roboto+Slab&family=Secular+One&family=Silkscreen&display=swap');

:root {
	--bs-nav-link-font-size: 2.75rem;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	color: white;
}

body {
	animation: swipe_body 1s;
}


.lpink {background-color: #f787fa}
.pink {background-color: #ff00bf;}
.blue {background-color: #0E97FA;}
.purpre {background-color: #761ecf;}
.orang {background-color: #fdb18d}

.monospaced {font-family: 'Nova Mono', 'monospace';}
.serif {font-family: 'Roboto Slab', serif;}
.bit {font-family: 'Silkscreen', cursive;}
.sans-serif {font-family: sans-serif;}
.audio {font-family: 'Audiowide';}
.bg {background-image: linear-gradient(#200044, #410082);background-repeat: no-repeat;}

.bg.photography {
	background: #fff;
	color: black;
}
.photography * {color:black; transition: all 500ms; font-family: sans-serif;}
.photography nav .pill {
	color: black;
}

.collection, .collection * {
	/* border: 1px solid red; */
}
.collection h2 {
	font-weight: normal;
	text-align: center;
	/* margin-top: 0.5rem; */
	line-height: 2em;
}
.collection img {
	/* max-height: 25vh; */
	/* width: auto; */
	filter: grayscale(75%) brightness(75%);
	transition: filter 250ms;
}
.collection:hover img {
	filter: grayscale(0%) brightness(100%);
}
.collection:hover h2 {
	text-decoration: underline;
}

.images img {
	max-height: 60vh;
	width: auto;
}

.images {
	/* display: flex;
	flex-wrap: wrap-reverse;
	flex-direction: row-reverse;
	justify-content: space-evenly; */
	gap: 2rem;
}
.reverse {
	/* flex-wrap: wrap-reverse; */
	/* flex-direction: row-reverse; */
}

nav .onload, .swipe.onload {
	animation-name: swipe;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(.49,-0.16,.22,1.22);
}

h1.swipe {
	animation-duration: 250ms;
	--swipe-dir: .2;
}
.swipe {
	--swipe-dir: 1;
}
.swipe-invert {
	--swipe-dir: -1;
}

p.swipe {}

.wiggle:not(.onload) {
}

.changing-font {
	/* animation: font-change 5s;
	animation-iteration-count: infinite;
	animation-delay: 1.25s; */
	/* font-family: 'Audiowide'; */
	color:#0E97FA;
}

.subscript {
	vertical-align: sub;
	font-size: small;
}

.strikethrough {
	text-decoration: line-through;
}

.pfp {
	height: 256px;
	/* width: 256px; */
}

.wiggle:not(.onload):hover {
	--rotate-angle: 0deg;
	animation-duration: 1.5s;
	animation-delay: 500ms;
	animation-name: wiggle;
	animation-iteration-count: infinite;
	
}
img.wiggle {
	--wiggle-multiplier: -0.25;
}

nav .onload:nth-child(even) {--swipe-dir: 1; }
nav .onload:nth-child(odd) {--swipe-dir: -1; }

nav .wiggle:nth-child(even) {--wiggle-multiplier: 1;}
nav .wiggle:nth-child(odd) {--wiggle-multiplier: -1;}
.description p {
	animation-timing-function: cubic-bezier(.51,-0.02,.12,.95);
	font-size: 1.5rem;
	text-align: justify;
}

.description p:nth-child(even) {
	--swipe-dir: 0.5;
}
.description p:nth-child(odd) {
	--swipe-dir: -0.5;

}

.pill {font-size:4rem; color:white}

.pill.lpink:hover {background-color: #f787fa}
.pill.pink:hover {background-color: #ff00bf;}
.pill.blue:hover {background-color: #0E97FA;}
.pill.purpre:hover {background-color: #761ecf;}
.pill.orang:hover {background-color: #fdb18d}

.rev{font-family: 'Averia Sans Libre';}

a:any-link, a:any-link:visited {
	/* color: #ff00bf; */
	text-decoration: none;
	/* font-style: ; */
	transition: all 150ms;
	border-radius: 5px;
	/* color:black; */
}

a:any-link:hover {
	/* color: #f787fa; */
	text-decoration: underline;
	/* background-color:rgba(0, 0, 0, 0.2); */
}