:root {
  --purple:#7f007f;
  --yellow:#ffff00;
  --green:#00ff00;
  --darkblue:#000040;
  --large:4vw;
  --normal:2vw;
  --small:1.5vw;
  --smaller:1.2vw;
  --tiny:1vw;
  --tinier:0.8vw;
  --system:1.3vw;
  --info:1.3vw;
}

body{
	background-color:var(--purple);
	font-size:var(--small);
	color:var(--yellow);
	font-family: "JetBrains Mono", monospace;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	margin:0;
	padding:0;
	overflow: auto;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
}

body::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}



button.button1{
	background-color:var(--purple);
	font-size:var(--small);
	color:var(--yellow);
	border:0.2vw solid var(--darkblue);
	margin:0;
	padding:0.2vw 0.5vw;
	cursor: pointer;
}
button.button2{
	background-color:var(--purple);
	font-size:var(--small);
	color:var(--darkblue);
	border:0.2vw solid var(--darkblue);
	margin:0;
	padding:0.2vw 0.5vw;
	cursor: pointer;
}


button:active{transform: scale(98%);}



.large{font-size:var(--large);}
.normal{font-size:var(--normal);}
.small{font-size:var(--small);}
.smaller{font-size:var(--smaller);}
.tiny{font-size:var(--tiny);}
.tinier{font-size:var(--tinier);}

.main_background{color:var(--purple);}
.main_color{color:var(--yellow);}




table{
	border-collapse: collapse;
}
table td{
	border: 0.2vw solid #000040;
	padding: 1vw;
}
table td.header{
	border: 0.2vw solid #00085a;
	border-bottom: 0.2vw solid #000040;
	background-color: #000040;
	padding: 1vw;
}
table td.keinborder{
	border: 0.0vw solid #000040;
	padding: 1vw;
}