@font-face {
	font-family: 'Cookie';
    src: url('Cookie-Regular.eot');
    src: url('Cookie-Regular.eot?#iefix') format('embedded-opentype'),
        url('Cookie-Regular.woff2') format('woff2'),
        url('Cookie-Regular.woff') format('woff'),
        url('Cookie-Regular.ttf') format('truetype'),
        url('Cookie-Regular.svg#Cookie-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
:root{
	--logoDark: #492086;
	--logoLight: #D413C4;
	--textColour: #FFD700;
	--borderLight: #CC00FF;
	--borderDark: #a500ce;
	--textSelectionColour: #D413C4;
	--textSelectionBackground: #17123f;
	--background1Light: #cee8ff;
	--background1Middle: #b1dafd;
	--background1Dark: #90cbff;
	--background1Light70: rgba(206,232,255,0.7);
	--background1Middle70: rgba(177,218,253,0.7);
	--background2Light: #ffe5ce;
	--background2Middle: #fad6b9;
	--background2Dark: #fccba1;
	--errorText: #d8000c;
	--errorBackground: rgba(255,160,160,0.7);
	--oldTypewriterText: #404040;
	
	--gridWidth:3em calc(100% - 6em) 2em;
	--isOnline:none;
}
html{
	scroll-behavior: smooth;
}
*{
	margin: 0;
	padding: 0;
	font-size:100%;
	max-width:100%;
	vertical-align: text-top;
	font-family:Arial, Helvetica, sans-serif;
	color:var(--textColour);
	min-width:0;
}
img{
	max-width:100%;
}
header, section, footer, aside, nav, article, hgroup{
	display:block;
}
body,h1,h2,h4,h6,th{
	text-align: center;
}
body{
	background-color:black;
	background-image:url(https://lh3.googleusercontent.com/pw/AP1GczM0hLKPd2bsZDESpGisSI6_yS6YJfNV7j0_2iHCtNC30dF38lUfitJlIuIre66n78CjkB2tbja8QaFVY9H68xFaGfv-iQX9kSdn1kOkyj25zS7VknY=s32-p-k);
	background-repeat:repeat;
	background-attachment:fixed;
	height:100%;
	overflow-x:hidden;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	font-family:Arial,Helvetica,sans-serif;
	color:var(--textColour);
	font-size:100%;
}
#headerImages{
	padding: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 0;
	flex-wrap: wrap;
}
h1{
	margin:0.5em;
	font-size:2em;
}
h2{
	margin:0.5em;
	font-family:Arial,Helvetica,sans-serif;
	font-size:2em;
}
h3{
	margin:0.5em;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.6em;
}
p{
	margin:1em;
}
a{
	text-decoration:none;
}
.wrapper{
	display: flex;
	align-content:center;
	justify-content:center;
}
#allLinks{
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	margin:0;
	padding:0 1em;
	align-items:center;
	max-width:100vw;
}
.importantMessage{
	width:calc(100% - 2em);
	margin:0.5em 1em 1em;
	padding:0.5em;
	max-width:30em;
	box-shadow:0em 0em 0.2em 0.1em #C5B358;
	background:#000B;
	border-radius:1em;
	box-sizing:border-box;
}
.linkDiv{
	display:grid;
	width:100%;
	margin:0.5em 0;
	padding:0.5em;
	align-items:center;
	grid-template-columns:var(--gridWidth);
	max-width:100%;
	grid-gap:0.5em;
	box-shadow:0em 0em 0.2em 0.1em #C5B358;
	background:#000B;
	border-radius:1em;
	transition:all 0.1s linear;
	box-sizing:border-box;
}
.linkDiv:hover{
	box-shadow:0em 0em 0.2em 0.1em #C58658;
}
.linkDiv:active{
	box-shadow:0em 0em 0.2em 0.1em #ADC558;
}
.linkContainer{
	display:grid;
	grid-template-columns:3em 1fr;
	align-items:center;
	grid-area:1/1/2/3;
	gap:0.5em;
	transition: background 0.3s ease, box-shadow 0.3s ease;
	outline-offset: 0.1em;
	border-radius:0.2em;
}
.linkContainer:hover{
	background:#3303;
	box-shadow:0 0 5px 0.5em #3302;
	outline:0.2em solid #6609;
}
.linkContainer:focus-visible{
	outline:0.2em solid #660;
}
.icon{
	border-radius:10%;
	grid-area: 1/1/2/2;
}
.titleLinkDiv{
	display: flex;
	flex-direction: column;
	text-align: left;
	grid-area: 1/2/2/3;
}
.moreInfoButton{
	margin-top:auto;
	grid-area: 1/3/2/4;
	transition:transform 0.25s linear;
	background:none;
	border:none;
}
.moreInfoButton:hover{
	cursor:help;
	cursor:zoom-in;
	border-radius: 50%;
    border-top-right-radius: 20%;
    border-bottom-right-radius: 20%;
    outline: 0.2em solid #6609;
	outline-offset: 0.2em;
}
.moreInfoButton:focus-visible{
	border-radius: 50%;
    border-top-right-radius: 20%;
    border-bottom-right-radius: 20%;
	outline: 0.2em solid #660;
	outline-offset: 0.2em;
}
.moreInfoButtonA{
	transform:rotate(-90deg);
}
.moreInfoButtonA:hover{
	cursor:help;
	cursor:zoom-out;
}
.moreInfo,#extraInfo{
	display:none;
	grid-area: 2/1/3/4;
	cursor:default;
}
.title{
	font-size:2em;
	padding-left:1em;
	font-family:'Cookie';
	min-width:3.8em;
}
.link{
	font-size:0.9em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.emailDiv{
	cursor:grab;
}
.emailDiv:active{
	cursor:grabbing;
}
.emailText{
	pointer-events:none;
	color:rgb(255,58,58);
	font-weight:bold;
	font-style:italic;
	background:none;
	border:none;
}
.emailText:focus-visible{
	border-radius: 0.2em;
    outline: 0.2em solid #660;
	outline-offset: 0.2em;
}
.divider{
	padding: 0;
	background: #FC0C;
	width: 90%;
	height: 0.1em;
	border-radius: 5em;
	box-shadow: 0.1em 0.1em 0.2em 0.1em #C5B358;
	box-sizing: border-box;
	margin: 0em auto;
}
.policies{
	display:inline-block;
	font-size:0.9em;
	margin:1em;
}
@media (hover:none){
	body{
		background-attachment:initial;
	}
}
.sidePicture{
	display:none;
	width:30em;
	box-sizing:border-box;
	margin:0.5em 2em 1em;
}
#pictureRotation{
	box-shadow:0em 0em 0.3em 0.2em #C5B358;
	overflow:hidden;
	position:relative;
	width:30em;/* 3/4 aspect ratio */
	height:40em;/* 3/4 aspect ratio */
}
.picture{
	box-shadow: 0em 0em 0.3em 0.2em #C5B358;
    /* transform: translateX(-20%); */
	position: absolute;
	top:0;
    left:0;
    right:0;
    bottom:0;
	transition:transform 1.5s ease-in-out;
}
.topPicture{
	display:none;
}
.specialInfo{
	grid-column:1/4;
	font-weight: bold;
	color:red;
	padding-bottom:0.2em;
	animation:flash 2s ease-in infinite;
}
@media (min-width:66em){
	.sidePicture{
		display:block;
	}
}
@media (max-width:40em){
	.sidePicture{
		margin-top:1em;
	}
	.linkDiv{
		margin:1em 0;
	}
	body{
		font-size:105%;
	}
	.policies{
		font-size:1em;
	}
}
@keyframes flash{
	0%,100%{opacity:1;}
	50%{opacity:0.2;}
}