body {
  color:#001f4d;
  background:url(/images/misc/megabg.png);
  
  font-size: 14pt;
margin:0px;
min-width:800px;

}

@font-face {
  font-family: PokemonGb; /* set name */
  src: url(/images/PokemonGb.ttf); /* url of the font */
}

.wrapper {
  	margin: auto;

min-width:500px;
width: 600px;
height:auto;
}

h1, h2, h3 {
  font-family: PokemonGb, system-ui;
}


.backbutton {
  font-size: 12pt;
  background-color:white;
  border: 15px solid transparent; 
border-radius:5px;
border-image: url('/images/misc/megaborder.png') 10 round;
  margin-left: 50px;
  margin-bottom: 15px;
 padding:6px;
  width:70px;
  font-family: PokemonGb, system-ui;
}

.main {
  line-height:30px;
   border: 15px solid transparent; 
border-image: url('/images/misc/megaborder.png') 10 round;
  background-color:white;
  margin-left: 50px;
 padding:10px;
  width:75%;
  border-radius:5px;
  margin: auto;
}



hr {
    color: #0f6feb;
   
}

.button {
 background-color: #ffff99;
  padding: 8px;
  width: 80%;
  margin:5px;
  border-radius: 10px; 
  border: 4px solid #00ace6;
font-family: PokemonGb, system-ui;
}

.button:hover {
  background-color: #ff6666;
}

.rounded-tab {
  --r: 25px; /* control the radius */

  line-height: 1.8; /* control the height */
  padding-inline: .5em;
  border-right: var(--r) solid #0000;
  border-radius: var(--r) calc(2*var(--r)) 0 0/var(--r);
  mask:  
    radial-gradient(var(--r) at 100% 0,#0000 98%,#000 101%) 
     100% 100%/var(--r) var(--r) no-repeat, 
    conic-gradient(#000 0 0) padding-box;
  background: #bd5532 border-box; /* border-box is needed for a gradient coloration */
  width: fit-content;
}

.rounded-tab2 {
  --r: 25px; /* control the radius */

  line-height: 1.8; /* control the height */
  padding-inline: .5em;
  border-inline: var(--r) solid #0000;
  border-radius: calc(2*var(--r)) calc(2*var(--r)) 0 0/var(--r);
  mask: 
    radial-gradient(var(--r) at var(--r) 0,#0000 98%,#000 101%)
      calc(-1*var(--r)) 100%/100% var(--r) repeat-x,
    conic-gradient(#000 0 0) padding-box;
  background: #bd5532 border-box; /* border-box is needed for a gradient coloration */
  width: fit-content;
}

.folder {
  background-color: #ffff99;
  padding: 8px;
  width: 80%;
  margin:auto;
  height:350px;
  margin-top:-2px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}


table {
 margin-left:70px;
}

td, th {

  padding: 0px;
}

th {
  padding-top: 12px;
  text-align: left;
}