@font-face {
	font-family: gtcinetypemono;
	font-weight: 400;
	src: url('gtcinetype/GT-Cinetype-Mono.eot');
	src: url('gtcinetype/GT-Cinetype-Mono.woff2') format('woff2'), url('gtcinetype/GT-Cinetype-Mono.woff') format('woff');
	font-display: block;
}

@font-face {
	font-family: gtcinetype;
	font-weight: 200;
	src: url('gtcinetype/GT-Cinetype-Light.eot');
	src: url('gtcinetype/GT-Cinetype-Light.woff2') format('woff2'), url('gtcinetype/GT-Cinetype-Light.woff') format('woff');
	font-display: block;
}

@font-face {
	font-family: gtcinetype;
	font-style: italic;
	font-weight: 200;
	src: url('gtcinetype/GT-Cinetype-Light-Italic.eot');
	src: url('gtcinetype/GT-Cinetype-Light-Italic.woff2') format('woff2'), url('gtcinetype/GT-Cinetype-Light-Italic.woff2') format('woff');
	font-display: block;
}

@font-face {
	font-family: gtcinetype;
	font-style: normal;
	font-weight: 400;
	src: url('gtcinetype/GT-Cinetype-Regular.eot');
	src: url('gtcinetype/GT-Cinetype-Regular.woff2') format('woff2'), url('gtcinetype/GT-Cinetype-Regular.woff') format('woff');
	font-display: block;
}

@font-face {
	font-family: gtcinetype;
	font-style: italic;
	font-weight: 400;
	src: url('gtcinetype/GT-Cinetype-Regular-Italic.eot');
	src: url('gtcinetype/GT-Cinetype-Regular-Italic.woff2') format('woff2'), url('gtcinetype/GT-Cinetype-Regular-Italic.woff') format('woff');
	font-display: block;
}

@font-face {
	font-family: gtcinetype;
	font-weight: 800;
	src: url('gtcinetype/GT-Cinetype-Bold.eot');
	src: url('gtcinetype/GT-Cinetype-Bold.woff2') format('woff2'), url('gtcinetype/GT-Cinetype-Bold.woff') format('woff');
	font-display: block;
}

@font-face {
	font-family: gtcinetype;
	font-style: italic;
	font-weight: 800;
	src: url('gtcinetype/GT-Cinetype-Bold-Italic.eot');
	src: url('gtcinetype/GT-Cinetype-Bold-Italic.woff2') format('woff2'), url('gtcinetype/GT-Cinetype-Bold-Italic.woff') format('woff');
	font-display: block;
}

.patrickrohr {
	font-weight: 200;
}

.patrickrohr span{
     white-space: nowrap;
}
.patrickrohr h1{
   display: flex;
   flex-wrap: wrap;
}
.patrickrohr div:first-child span{
	font-weight: 800;
}

/*
.patrickrohr span:nth-child(1) {
	margin-right: 0.02em;
}

.patrickrohr span:nth-child(3) {
	margin-right: 0.02em;
}

.patrickrohr span:nth-child(4) {
	margin-right: -0.02em;
}

.patrickrohr span:nth-child(5) {
	margin-right: -0.03em;
}

.patrickrohr span:nth-child(6) {
	margin-right: -0.01em;
}

.patrickrohr span:nth-child(7) {
	margin-right: -0.01em;
}

.patrickrohr span:nth-child(9) {
	margin-left: 0.01em;
}
*/
.patrickrohr span.dot{
	padding-right: 0.5em;
}

del {
	text-decoration: none;
	white-space: nowrap;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

span.dot, nav>a:after {
	content: ".";
	animation: fadein 0.2s ease 0s infinite;
	position: -webkit-sticky;
	position: sticky;
	/* top: 20vh; */
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

body {
	font-display: block;
	font-family: gtcinetype, sans-serif;
	line-height: 1.4;
}

.hands body{
	background-repeat: no-repeat;
	background-size: 50vw auto;
	background-repeat: no-repeat;
	background-position: 20% 10vh;
	background-blend-mode: luminosity;
	background-image: var(--hand);
}

@media(max-width: 40em){
	.hands body{
		background-image: var(--onehand);
	}
}

@media(min-width: 50em) {
  .patrickrohr {
	white-space: nowrap;
  }
}

strong {
	background-color: var(--foreground);
	color: var(--background);
}