
@font-face{
    font-family: 'Gill-Sans-Light';
	src: url("./f/Gill_Sans_Light.otf");
}

.std {
	background-color: rgb(249, 247, 243);
	font-family: Gill-Sans-Light;
}

#idxName {
	letter-spacing: .3rem;
	font-size: 50px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 0px;
}

#idxDesc {
	letter-spacing: .2rem;
	font-size: 20px;
	text-align: center;
	color: rgb(100, 100, 100);
}

.idxLnkDiv {
	text-align: center;
}

.idxLnk {
	
	display: inline-block;
	width: 10%;
	
	text-align: center;
	letter-spacing: .175rem;	
	text-decoration: none;
	border-width: thin;
	padding: 10px;	
	color: rgb(100, 100, 100);
	border-color: rgb(150, 150, 150);	
	transition: background .2s ease-in;
}

.idxLnk:hover {
	background-color: rgb(230, 230, 230);
}

#idxAni {
    display: block;
	margin: auto;
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: rgb(230, 230, 230);
}

.goHome { /*Similar to idxLnk*/

	display: inline-block;
	width: 10%;

	text-align: center;
	letter-spacing: .175rem;	
	text-decoration: none;
	border-width: thin;
	padding: 10px;	
	color: rgb(100, 100, 100);
	border-color: rgb(150, 150, 150);	
	transition: background .2s ease-in;
	
	font-weight: bold;
	font-size: 20px;
}

.goHome:hover {
	background-color: rgb(230, 230, 230);
}

#abtHdr {
	text-align: center;
}

.abtTxtDiv {
	text-align: center;
	margin: auto;
	width: 50%;
	max-width: 600px;
}

.abtTxt {
	display: inline-block;
	text-align: left;
	letter-spacing: .12rem;
}

#pstHdr {
	text-align: center;
}

.pstLnkDiv {
	text-align: center;
}

.pstLnk { /*Similar to idxLnk*/

	display:flex;
	margin: auto;
	width: 50%;

	text-align: center;
	letter-spacing: .175rem;
	text-decoration: none;
	border-width: thin;
	padding: 10px;	
	color: rgb(100, 100, 100);
	border-color: rgb(150, 150, 150);	
	transition: background .2s ease-in;
}

.pstLnk:hover {
	background-color: rgb(230, 230, 230);
}

.pstName {
	margin-right: auto;
}

.pstDate {
	margin-left: auto;
}

.entryPostName {
	text-align: center;
}

.entryPostDate {
	text-align: center;
}

.postContent {
	text-align: left;
	width: 50%;
	margin: auto;
}

#flowVid {
	width: 50%;
	aspect-ratio: 16 / 9;
}

#shocaseHdr {
	text-align: center;
}

#player {
	text-align: center;
}