@charset "utf-8";
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- DESIGNED AND BUILT =-=-=-=-
-=-=-=-=- ENTIRELY BY HAND =-=-=-=-=
=-=-=-=-= AND JUST FOR YOU -=-=-=-=-
-=-=-=-=-=-= IN BEAUTIFUL -=-=-=-=-=
=-=-=-= BRISTOL RHODE ISLAND -=-=-=-
-=-=-=-=-  BY IAN BESLER =-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

* {
margin: 0;
padding: 0;
}

html,body,main,ol,li,div,iframe {
text-align: center;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

main {
	position: fixed;
}

a:link		{color: #00f;}
a:visited	{color: #f0f;}
a:hover		{color: #000; background-color: #ff0;}
a:active	{color: #f00; background-color: #0f0;}

header {
	width: 100%;
	position: absolute;
	font-family: sans-serif;
	text-align: center;
	top: 100vh;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0.8);
}

h1 {
	font-size: 10vw;
}

ol {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	list-style: none;
}

div {
	outline: 2vw solid transparent;
}

div:hover {
	outline: 2vw solid yellow;
}

iframe {
	border: none;
	outline: none;
	z-index: -1;
}

li:hover iframe {
	visibility: none;
}