.slide {
		background-image: url("data:image/png;base64,[encoded data, 502376 characters]");
		background-size: cover;
		background-position: center;
}

b, i {
		color: #95c11f;
}

.progress, .controls {
		color: #95c11f !important;
}

.leftcol {
		float: left;
		width: 50%;
}


.rightcol {
		float: right;
		width: 50%;
}

.imagecol {
		float: left;
		width: 30%;
}

.imagecol img {
		max-width: 80%;
		min-width: 80%;
		max-height: 80%;
}

.textcol {
		float: right;
		width: 70%;		
}


.smallfont {
		font-size: 30px;
}


.note, .NOTE {
		background-color: rgba(149, 193, 31, 0.5);
    border-radius: 10px;
    padding: 5px;
    width: 90%;
    margin: var(--r-block-margin) auto;
	display: block;
	position: relative;
	line-height: 1.2em;
	word-wrap: break-word;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}


.reveal .src {
		background-color: #505050;
		color: white;
		padding: 10px;
		border-radius: 10px;
}

.NOTE code, .note code {
    background-color: #505050;
    color: white;
    border-radius: 10px;
    padding: 2px;
    font-size: 32px;
}
