@font-face {
    font-family: 'comic';
    src: url('./comic.ttf') format('truetype');
}

html, body {
  height: 100%;
	width: 100%;
	background:
	#191919;
	color: white;
	font-family: comic;
}

* {
	margin: 0;
	padding: 0;
}

.sidebar {
	background: #475c46;
  padding-left: 10px;
	padding-right: 10px;
	width: fit-content;
	height: 100%;
	border: groove black 10px;
	float: left;
	box-sizing: border-box;
}

.sidebar img {
	margin-top: 10px;
	height: 32px;
	border-radius: 10px;
}


.sidebar a {
  display: block;
  text-decoration: none;
	color: #FFFFFF;
}

.imageLink {
	display: inline !important;
	padding-right: 10px;
	width: fit-content;
}

.sidebar a:hover {
    color: #C0C0C0;
}


.sidebar h1 {
	display: inline;
}


#gay {
background: linear-gradient(90deg,rgba(255, 0, 0, 1) 0%, rgba(255, 255, 0, 1) 20%, rgba(0, 255, 0, 1) 40%, rgba(0, 255, 255, 1) 60%, rgba(0, 0, 255, 1) 80%, rgba(255, 0, 255, 1) 100%);
background-clip: text;
color: transparent;
}

#hiddenLink {
  color: transparent;
  font-size: 1vw;
}

a {
	text-decoration: none;
	color: #FFFFFF;
}

div.main {
 width: 90%;
 float:right;
	height: 100%;
}