/* 25×25 | July 2025 */

* {
	margin: 0;
	padding: 0;
	}

body {
	color: #0E355A;
	background: #F1F0EB;
	font-family: georgia, sans-serif;
	padding: 0 10vw;
	}

a:link, a:visited {
	text-decoration: none;
	color: #58ABFB;
	}

a:hover {
	text-decoration: underline;
	color: #196EBF;
	}

a:active {
	text-decoration: none;
	color: rgba(0,0,0,0.3);
	}

header {
	height: 50vh;
	}

h1 {
	color: #264F75;
	line-height: 50dvh;
	font-weight: normal;
	font-size: 3em;
	}

main {
	height: 50dvh;
	}

ol {
	margin: 1em 0;
	}

ol li {
	margin: 0 0 0 2em;
	}

ol li em {
	background: linear-gradient(to right, #FF7D00, #8F3AFF, #00A0FF);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-animation: hue 5s infinite linear;
}

footer {
	border-top: solid 1px rgba(0,0,0,0.15);
	padding: 3em 0 5em;
	color: #8A97A3;
	font-size: 0.75em;
	}

ul {
	list-style-type: none;
	}

footer li {
	margin-bottom: 0.25em;
}

footer li:first-child {
	font-variant: small-caps;
	letter-spacing: 4%;
	}

footer span {
	margin: 0 0.25em;
	}

footer li > span {
	margin-left: 0;
	}

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

@media (prefers-color-scheme: dark) {
	body {
		color: #B0A596;
		background: #212F3C;
		}
  
	h1 {
		color: #fff;
		opacity: 75%;
		}

	ol li em {
		background: linear-gradient(to right, #FFD200, #AA6AFF, #00AEFF);
    	-webkit-background-clip: text;
/*     	color: transparent; */
		
		}

	footer {
		border-top: solid 1px rgba(255,255,255,0.15);
		color: rgba(255,255,255,0.3);
		}

	a:link, a:visited {
		color: #1D76CB;
		}

	a:hover {
		color: #2795FF;
		}

	a:active {
		color: #364F66;
		}		
}