/* Extracted verbatim from source/index.html (style blocks in original order). */
/*@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 300;
	src: url('Helvetica-Neue-Light.woff2') format('woff2');
}*/

html {
margin: 0;
padding: 0;
}

body {
margin: 0;
line-height: 1.6;
font-size: 14px;
/* font-family: 'Helvetica Neue';
font-family: Garamond,Baskerville,serif; 
font-weight: 300; */
font-family: "IBM Plex Mono", monospace;
font-weight: 400;
/*overflow: hidden;*/
text-align: center;
}

* {
box-sizing: border-box;
}

.page {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50% , -50%);
width: 100%;
padding: 40px;
max-width: 750px;
}

p {
margin: 0 0 20px;
}

p span {
border-bottom: 1px solid black;
padding-bottom: 2px;
}

ul {
list-style: none;
margin: 0 0 20px;
padding: 0;
}

li {
margin: 0;
padding: 0;
display: inline-block
}



a {
color: black;
text-decoration: none;
transition: all .1s linear;
padding-bottom: 2px;
border-bottom: 1px solid black;
}

a:hover {
border-bottom: 1px solid black;
}


li:last-child:hover {
cursor: wait !important;
}

p:first-child {
/* margin: 0 auto 20px;
max-width: 450px; */
}

#diamond {
width:  80px;
height: auto; 
/*border-right: 1px solid black;
border-bottom: 1px solid black;*/
position: fixed;
bottom: 50px;
right: 50px;
display: block;
cursor: pointer;
z-index: 9;
mix-blend-mode: multiply;
}

.page {
  display: none;
}

.page.visible {
  display: block;
}

.ai {
margin-bottom: -4px;
width: 20px;
display: inline-block;
margin-left: 5px;
}
.ibis {
margin-bottom: -4px;
width: 25px;
display: inline-block;
margin-left: 5px;
}

a:has(.owl) {
border: 0 !important;
}

.owl {
width: 50%;
}


@media (max-height: 900px) and (max-width: 500px) {
.page.long {
position: relative;
top: unset;
left: unset;
transform: unset;
margin: 0 auto;
}
}

@media (max-width: 768px) {
}
.youtube-poster { position: relative; }
.youtube-poster-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 2; cursor: pointer; }
.youtube-play { position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 68px; height: 48px; border: 0; border-radius: 12px; background: #ff0033; cursor: pointer; }
.youtube-play::after { content: ''; position: absolute; left: 28px; top: 14px; border-left: 16px solid white; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.youtube-poster.playing .youtube-poster-image, .youtube-poster.playing .youtube-play { display: none; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#audio-toggle {
  display: none;
  position: fixed;
  top: calc(50% + 26px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  border-top: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 15px solid #683a96;
  background: none;
  cursor: pointer;
}

#audio-toggle.visible {
  display: block;
}

.youtube-poster iframe { opacity: 0; }
.youtube-poster.playing iframe { opacity: 1; }
