@font-face {
	font-family: "RA"; /*a name to be used later*/
	src: url("/fonts/RomanAntique.ttf"); /*URL to font*/
}

* {
	position: relative;
	box-sizing:border-box;
	filter: grayscale(100%);
	font-family: RA;
}
a, a:visited {
	color: white;
}
img{
  pointer-events: none;
}
.imgtxt{
  height:1em;
  width:auto;
  vertical-align: middle;
}

#toc{
  display:auto;
}
#thoughts{
  display:none;
}
#writings{
  display:none;
}

body{
	padding: 5% 0;
	color: white;
	background-image: url("/bg/02.gif");
	background-color: black;
	text-align: center;
	overflow: visible
}
main{
  background-image: url('bgs/02.gif');
  background-size:auto;
  border:40px solid transparent;
  border-radius:30px;
  width:850px;
  height:600px;
  margin:0 auto;
  border-image:url('borders/03.png') 200 round;
  padding:1%;
  background-clip: padding-box;
  filter:drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(1px -1px 0 white) drop-shadow(-1px -1px 0 white);
}
main > div{
  display:grid;
  grid-template-columns: 363px 363px;
  gap:15px;
  width:741px;
  height:100%;
  margin:auto;
}
section{
  background-color: black;
  border:4px double white;
  padding:1%;
  height:487px;
  max-height:100%;
}
nav.ttt1{
  position:absolute;
  width:100%;
  height:auto;
  left:-45px;
  top:-37px;
}
nav.ttt2{
  position:absolute;
  width:100%;
  height:auto;
  right:-40px;
  top:-37px;
}
nav > button{
  background: linear-gradient(to bottom, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#1b1b1b 73%,#1b1b1b 73%,#383838 83%,#4e4e4e 93%,#4e4e4e 100%);
  width:100px;
  box-sizing:content-box;
  padding:0 2%;
  height:35px;
  margin-left:10px;
  border:2px groove white;
  border-bottom:none;
  border-radius: 10px 10px 0 0;
  color:white;
  box-shadow: inset 0 -10px 10px -5px black;
  display:inline-block;
}
button > h3{
  margin:none;
  line-height:0;
}
article{
  width:100%;
  border:10px solid transparent;
  border-image:url('borders/04.png') 11 round;
  padding:1%;
}
article.type1{
  height:28%;
}
article.type1:nth-of-type(1){
  margin-bottom:1%;
}
article.type2{
  height:145px;
  margin-bottom:15px;
}
article h2{
  white-space: nowrap;
  text-shadow:1.5px 1.5px 0 black, 1.5px -1.5px 0 black, -1.5px 1.5px 0 black, -1.5px -1.5px 0 black, 0 0 5px black;
  position:absolute;
  top:-35px;
  left:50%;
  transform: translateX(-50%);
}

.center{
  text-align: center;
}

.scroll{
  width:100%;
  height:100%;
  overflow:auto;
  -ms-overflow-style: none;  
  scrollbar-width: none;
}
.scroll::-webkit-scrollbar{
  display: none;
}
section > .scroll{
  padding-top:4%;
}