:root {
	--RCSVitrineSharedSize: 100px;
	--RCSVitrineSharedSizeMini: 32px;

	/* gradient https://welearncode.com/rainbow-text/ */
	--RCSRainbowGradient: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);

	font-family: Garamond;
}

#OLSKSharedContainer {
	margin: calc(var(--RCSVitrineSharedSize) * -1) auto;
}

#RCSVitrineLogoBackground {
	position: fixed;
	top: calc(50vh - var(--RCSVitrineSharedSize));
	left: calc(50vw - var(--RCSVitrineSharedSize));
	z-index: -1;

	background: #eaeaea;
}

.OLSKCommonRootLink {
	width: unset;
}

h1 {
	text-align: center;
}

a {
	color: inherit;
}

#RCSVitrineList {
	margin: 50vh auto;
}

#RCSVitrineLogoBackground, #RCSVitrineLogoForeground, .RCSVitrineListItem {
	width: calc(var(--RCSVitrineSharedSize) * 2);
	height: calc(var(--RCSVitrineSharedSize) * 2);
}

#RCSVitrineLogoForeground, .RCSVitrineListItem {
	margin: 0 auto;

	/* RCSVitrineListItemFlexbox:Parent */
	display: flex;
	justify-content: center;
	align-items: center;
}

.RCSVitrineListItem a {
	width: var(--RCSVitrineSharedSize);
	height: var(--RCSVitrineSharedSize);
}

.RCSVitrineIntro {
	margin: 100px auto;

	text-align: center;
}

.RCSVitrineIntroBlurbLink {
	font-weight: bold;

	
	background: var(--RCSRainbowGradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.RCSVitrineProjects {
	padding: 20px;
	max-width: 280px;
}

.RCSVitrineProjects > * {
	margin: 100px 0;
}

.RCSVitrineProjects .OLSKCommonCard img {
	--OLSKCommonCardImageSize: 60px !important;
	border-radius: 4px;
}

.RCSVitrineProjects a, .RCSVitrineEtcetera a {
	text-decoration: none;
}

.RCSVitrineStrolling {
	align-items: flex-start;
}

.RCSVitrineStrollingTube {
	border: none;
	border-radius: 4px;
	max-width: 90%;
	min-height: 200px;

	margin-top: 10px;
}

.RCSVitrineArchive {
	display: flex;
	max-width: 270px;
	padding: 10px;
	border-radius: 25px;
	
	margin: 100px auto;

	text-align: center;
	text-decoration: none;
  color: white;
	background-image: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
	background-size: 1100% 100%;

	align-items: center;
	justify-content: center;

	animation: RCSVitrineArchiveAnimation 30s ease-in-out infinite alternate;
}

@keyframes RCSVitrineArchiveAnimation {
	0% { background-position: 0% 0%; }
	100% { background-position: 100% 0%; }
}

.RCSVitrineArchiveImage {
	margin-right: 5px;
}

.RCSVitrineEtceteraHeading {
	margin: 100px auto;
}

.RCSVitrineEtcetera > a {
	width: 100px;

	margin: 20px auto;

	opacity: 0.2;

	display: flex;
	align-items: center;
}

.RCSVitrineEtcetera img {
	width: var(--RCSVitrineSharedSizeMini);
	height: var(--RCSVitrineSharedSizeMini);
	padding: 4px;
}

.RCSVitrineEtceteraWebringImage:hover {
	animation: RCSVitrineWebringSpin 0.35s infinite linear;
}

@keyframes RCSVitrineWebringSpin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.RCSVitrineProjectsHeading, .RCSVitrineAppring, .RCSVitrineGarden, .RCSVitrineMassageTXT {
	display: none;
}