@keyframes moveBackground {
	from {
		background-position-x: 0%;
	} to {
		background-position-x: 500%;
	}
}

.rainbowBackground {
	/* background-clip: text;
	-webkit-background-clip: text; */
	background-color: transparent;
	background-size: 500%, 100%;
	animation: moveBackground 20s linear infinite;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:3px;
    /* margin-bottom:5px; */
    padding-right:10px;
    border-radius: 5px 0px 10px 0px;
}

.ownRainbow {
	background-image: linear-gradient(-45deg, hsl(360, 100%, 60%) 10%, hsl(270, 100%, 60%), rgb(51, 139, 255) 50%, hsl(270, 100%, 60%) 70%, hsl(360, 100%, 60%) 100%);
    filter:brightness(2);
    font-family:'Consolas';
    font-size:12pt;
}

.CodeBlock {
    background-color: rgb(37, 36, 49);
    font-family: 'Consolas';
    color: #ccc;
    padding: 10px;
    border-radius: 5px;
    margin-top:10px;
    margin-bottom:10px;
    max-width: fit-content;
}
.Author {
    background-color: transparent;
    opacity:1;
    color: rgb(0, 0, 0);
    max-width: fit-content;
    margin-bottom:5px;
    border-radius: 5px 0px 10px 0px;
    -webkit-box-shadow: 0px 0px 25px 10px rgba(0,0,0,0.2); 
    box-shadow: 0px 0px 25px 10px rgba(0,0,0,0.2);
    display:block;
}
.CodeBlock>div>a {
    color: #77c;
    transition: color .2s ease;
}
.CodeBlock>div>a:hover {
    color: #88f;
}
.CodeBlock>div>i {
    color:rgb(51, 49, 66);
    float:right;
    margin-top:-23px;
}