header {
padding: 32px;
max-width: 60ch;

}

header h1,
header p {
margin: 0;
}

.container{ 
	display: block;
    padding: 32px;
}



.stream,
.streams{
	/* white-space: nowrap; */
	position: relative;
	display: inline-block;
	width: 40ch;
	position: relative;
}

.text-container {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
    width: 40ch;
    pointer-events: all;
    background: linear-gradient(0.25turn, rgba(255,255,255,0), rgba(255,255,255,0.5));
	
}

.text-container:hover{
    background-color: white;
    color: var(--background);
    z-index: 100;
}

.author {
    position: relative;
	font-size: 1rem;
	background-color: white;
}

.branches {
	overflow-x: auto;
	overflow-y: hidden;
}

.branch {
	white-space: nowrap;
}

a:hover {
color: currentColor;
}