@import url('https://fonts.cdnfonts.com/css/minecraft-4');
@font-face {
  font-family: 'MinecraftDefault';
  src: URL('/Fonts/MinecraftDefault.ttf') format('truetype');
}
html {
 scrollbar-color: #550007 #f8d289;
  scrollbar-width: auto;
}
body {
  font-size:15px;
  font-family: 'Minecraft', sans-serif;
  color: #550007;
  background-color: #f8d289;
  text-align: left;
  border: 2vw;
  border-style: solid;
  border-color: #af3d24;
  padding-right: 3vw;
  padding-left: 3vw;
  padding-top: 0vw;
  padding-bottom: 3vw;
  margin: 2vw;
  cursor: url("/images/Cursor.png"), auto;
}
h1 {
  font-size:4.3vw;
  font-weight: bold;
  font-family: 'Minecraft', sans-serif;
  color: #3b0005;
  text-align: center;
}
h2 {
  font-size:2.4vw;
  font-family: 'Minecraft', sans-serif;
  color: #3b0005;
  text-align: left;
  text-decoration: underline;
  text-decoration-thickness: 3px;
}
h3 {
  font-size:1.5vw;
  font-family: 'MinecraftDefault', sans-serif;
  color: #550007;
  text-align: left;
}
img {
  max-width: 100%;
  height: auto;
}
.home, table, th, td{
  border: 1vw;
  border-style: solid;
  border-color: #af3d24;
  border-collapse: collapse;
  border-top: 0vw;
  padding: 1vw;
  font-size: 2.5vw;
  width: 7vw;
  height: 4vw;
}

.small {
  font-size: .5vw;
  display: inline;
}
.big {
  font-size: 1.5vw;
  display: inline;
}

a:link {
  color: #00aedf;
}
a:visited {
  color: #5c071a;
}
a:hover {
  color: #c12401;
}




summary {
  /*can pin a custom marker to the container*/
  position:relative;
  /*can register summary a an anchor element*/
  ancher-name: --summary;
  
    &::marker {
    content: "";
  }
  
  &::before,
  &::after {
    /* Custom marker dimensions */
        content: "";
    border-block-start: 3px solid #550007;
    height: 0;
    width: 1rem;
    
    /* Positions the lines */
    inset-block-start: 50%;
    inset-inline-end: 0;
    
    /* Anchor the shape to the summary */
    position: absolute;
    position-anchor: --summary;
    position-area: top end;
  }
  
  /* Rotate just the ::after line to create a "+"" shape */
  &::after {
    transform: rotate(90deg);
    transform-origin: 50%;
  }
}

/* Rotate the line when open */
details[open] summary::after {
  transform: rotate(0deg);
}