jakevan/jvb.git

			@@ -6,15 +6,15 @@
			}

			#at-a-glance {
			max-width: var(--alignWide);
			padding: 0 10vw;
			--gap: 0;
			img {
			width: 100%;
			height: auto;
			border: 2px solid var(--action-0);
			border: 2px solid rgb(var(--action-0));
			}
			h3 {
			font-size: var(--small);
			font-size: var(--txt-x-small);
			}
			.before {
			img {
			@@ -37,11 +37,11 @@
			--gap: 2rem;
			padding: 0;
			margin:0;
			background-color: var(--base);
			background-color: rgb(var(--base));
			max-width: 100vw;
			position: relative;
			overflow: hidden;
			.open-gallery {
			img {
			width: 40%;
			border-radius: 4px;
			position: sticky;
			@@ -53,7 +53,7 @@
			position: relative;
			h2 {
			margin: 0 0 .5rem;
			font-size: var(--medium);
			font-size: var(--txt-medium);
			position: relative;
			.icon {
			--w: 2.5rem;
			@@ -61,7 +61,7 @@
			position: absolute;
			left: -2.5rem;
			top: .25rem;
			background-color: var(--action-100);
			background-color: rgb(var(--action-100));
			}
			}

			@@ -74,7 +74,7 @@
			left: 45%;
			height: 100%;
			width: var(--lineWidth);
			background-color: var(--action-0);
			background-color: rgb(var(--action-0));
			//box-shadow: var(--action-shadow);
			}
			&::before {
			@@ -91,12 +91,12 @@
			@media (min-width:768px) {
			#at-a-glance {
			h3 {
			font-size: var(--xlarge);
			font-size: var(--txt-x-large);
			}
			}
			.timeline-point.timeline-point {
			--gap: 4rem;
			.open-gallery {
			img {
			width: 50%;
			}
			.info {
			@@ -105,7 +105,7 @@
			h2 {
			.icon {
			--w: 4rem;
			left: -4.15rem;
			left: -6.15rem;
			top: 0;
			}
			}
			@@ -117,7 +117,7 @@

			time {
			text-transform: uppercase;
			font-size: var(--small);
			font-size: var(--txt-x-small);
			}
			}
			&::before,