header #left a:first-child p{
	text-decoration: underline;
}

html{
	overflow-y: hidden;
}

main{
	padding-top: 8rem;
}

#title-themes{
	grid-column: 1/span 8;
}

#title-list{
	grid-column: 10/span 8;
}


#themes{
	grid-column: 4/span 6;
	overflow-y: scroll;
	scrollbar-width: none;
	transform: translateY(-8rem);
	padding-top: 8em;
	height: 98vh;
}

#list{
	grid-column: 10/span 10;
	overflow-y: scroll;
	scrollbar-width: none;
	transform: translateY(-8rem);
	padding-top: 8em;
	height: 98vh;
	display: grid;
  grid-template-columns: 0px repeat(5, 1fr 15px);
}

.tooltip:hover,
.tag a:hover,
#themes ul li a:hover{
	text-decoration: underline;
}

.selected{
	text-decoration: underline;
  color: var(--random-color);
}

#list ul{
	grid-column: 4/span 8;
}

#list::-webkit-scrollbar,
#themes::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

main p{
	margin: 0;
}
sup{
	font-size: 0.6rem;
}

.tooltip{
  cursor: pointer;
}

.tooltip span {
  display: none;
  position: absolute;
  z-index: 99;
}

.tooltip:hover span {
  display: inline-block;
}

span img{
  max-height: 4.5rem;
}

@media (max-width: 700px ){

	#title-list,
	#title-themes,
	#themes{
		display: none;
	}

	#list{
		grid-column: 2/span 23;
	}

	#list ul{
	grid-column: 1/span 11;
}
.tooltip span img{
	display: none;

}

}