@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;
}

body{
	padding: 5% 0;
	color: white;
	background-image: url("/bg/02.gif");
	background-color: black;
	text-align: center;
}
body > div{
  display:grid;
  grid-template-columns: 600px 250px;
  gap:15px;
  width:900px;
  padding:15px;
  margin:0 auto;
  background-color: black;
  border:3px groove white;
  border-radius:25px 5px 25px 5px;
  box-shadow:inset 0 0 5px 1px white, 0 0 0 2px black, 0 0 0 4px white;
  background: radial-gradient(ellipse at center, #7d7e7d 0%,#0e0e0e 40%); 
}
main{
 border:10px solid transparent;
 width:600px;
 background-color: black;
 background-image: url('bgs/06.gif');
 background-size:65px 65px;
 background-repeat:repeat;
 background-clip: padding-box;
 height:800px;
 border-image:url('borders/05.png') 90 round;
 margin:auto;
}
aside{
 border:10px solid transparent;
 width:250px;
 background-color: black;
 background-image: url('bgs/06.gif');
 background-size:65px 65px;
 background-repeat:repeat;
 background-clip: padding-box;
 height:800px;
 border-image:url('borders/05.png') 90 round;
 margin:auto;
 padding:15px;
}
header{
  width:100%;
  height:300px;
  border-bottom:6px ridge white;
  margin-bottom:15px;
}
section{
  width:95%;
  margin:auto;
  border:6px ridge white;
  border-radius:15px;
  background-color:black;
}
main > section{
  height:450px;
  padding:2.5%;
}
aside > section{
  height:100%;
  padding:2.5%;
  width:100%;
}
#title{
  margin-bottom:1px;
}
#date{
  margin-top:1px;
}
#p{
  border:2px dashed white;
  width:100%;
  height:76.5%;
  border-radius:0 0 5px 5px;
  padding:1.5%;
}
#p p{
  margin:5px auto;
}
button{
  width:100%;
  height:fit-content;
  padding:5px;
  background: linear-gradient(to bottom, #de5f2c 0%,#5c210a 50%,#4d1601 51%,#844830 100%);
  box-shadow:inset 0 0 5px white;
  border-radius:5px;
  color:white;
  border:1px solid white;
}
button:hover{
  border:1px solid darkgrey;
}
button > h2{
  margin:0 auto;
}
nav{
  width:100%;
  height:250px;
  border:2px dashed white;
  border-radius:10px;
  padding:5px;
}
hr{
  width:100%;
  border-top:1px dashed white;
  margin:5px 0;
}

.scroll{
  width:100%;
  height:100%;
  overflow:auto;
  -ms-overflow-style: none;  
  scrollbar-width: none;
}
.scroll::-webkit-scrollbar{
  display: none;
}