body{
    background-color: var(--base);
    color: var(--text);
    /*width: 100%;
    height: 100%;*/
}
a{
    color:var(--text);
}
h1{
	text-align: center;
}
h2{
	text-align: center;
}
.sidebar{
	/*width: 30em;*/
	background-color: var(--surface);
	position: absolute;
	left: 53.5%;
	max-width: 45%;
	height: 95%;
	padding: 5px;
	border: 1px;
	border-style: solid;
	border-radius: 5px;
	border-color: var(--text);
	text-align: right;
}
.links{
	padding: 5px;
	/*background-color: var(--overlay);*/
	display: flex;
	justify-content: center;
	align-content: center;
	gap: 5px;
}
.links a{
	padding: 5px;
	color: var(--red);
	background-color: var(--overlay);
	border-width: 1px;
	border-style: solid;
	border-color: var(--text);
}
#red  {
	color: var(--red);
}
#yellow {
	color: var(--yellow);
}
#green{
	color: var(--green);
}
#blue{
	color: var(--blue);
}
#purple{
	color: var(--purple);
}