/* 2023-06-22: Only includes referenced CSS */
#new_nav {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 2em;
	font-size: 0.8em;
	margin-left: 4em;
}

.new_nav_link {
    color: black;
	background-color: inherit;
}
.new_nav_link:visited {
    color: black;
	background-color: inherit;
}
.new_nav_link:active {
    color: black;
	background-color: inherit;
	font-weight: bold;
}

iframe {

	border-radius: 10px;
}
.extern {
	height: fit-content;
	width: fit-content;
	margin-top: 2em;
	left: 2em;
	bottom: 1em;
	position:absolute;
	z-index: 50000;
}
.sil {
	bottom:5%;
	right:10px;
	height: 90vh;
	width: calc(100vw - 20px); /* 90vh; */
	max-width: calc(100vw - 20px);
	z-index:0;
	position:absolute;
	color:silver;
	background:black;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:3px;
	background-image: url('../favicon.png');/*url('/pics/testpngs/testbg_02_gold-c0.png');*/
	background-blend-mode: hard-light;
	background-position: right;
	background-repeat: no-repeat;
	/* background-repeat: repeat; */
	background-size: cover;
	box-shadow: inset 0px 10px 25px;
	opacity: 0.3;
	transform: skew(-30deg,-10deg);
	transform: perspective(80px);
	border-radius: 0.2em;
}
.sigtxt {
	color:black;
	background-color: transparent;
	text-transform:uppercase;
	text-align:center;
	font:9pt/10pt monospace;
	font-weight: 300;
	position: absolute;
	bottom: 30px;
	right: 25px;
	z-index: 3;
	padding: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	transform : rotateY(0deg);
	transform : rotateX(30deg);
	transform : rotateZ(-20deg);
	cursor: pointer;
	/*mix-blend-mode: difference; ... diff behaviour up on safari - invisible */
}
div.about {
	margin-left:auto;
	margin-right: auto;
	width: 50vw;
	height: fit-content;
	max-width: 80vw;
	max-height: 95vh;
	padding: 1.5em;
	align-self: center;
	background-color: rgba(211, 211, 211, 0.5);
	background-blend-mode: soft-light;
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: inset 0px 0px 5px whitesmoke;
	border-radius: 10px;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.about h3, h4 {
 color: black;
 background-color: inherit;
}
.about p, dl {
	color: black;
	background-color: inherit;
}

.about div {
	padding: 1em;
}
.about dt {
	font-weight: 600;
	padding-bottom: 0.2em;
}
.abtflex {
	display: flex;
}
.hidden {
	display:none;
	visibility:hidden;
}

#nav {
 width: 80vw;
}

#hello2 {
	left:0px;
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
}
/* ie6 workarounds where they are set above (pos absolute), below values are for modern creatures (pos fixed)
Maybe not an issue this day and age but retaining in case of regression. */
body>.sil {
	position:fixed;
}
body>.sigtxt {
    position: fixed;
}
body>#hello2{
	position:fixed;
}
/* Non-specification */
* {
	font-smooth: always;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
}