body{background:var(--bg)}
.reveal{font-family:var(--body);
font-size:34px;
color:var(--ink)}
.reveal .slides{text-align:left}
.reveal .slides>section{padding:0;
width:1920px;
height:1080px;
overflow:hidden;
isolation:isolate}
.reveal .slides h1,.reveal .slides h2{font-family:var(--display);
font-weight:1000;
text-transform:uppercase;
letter-spacing:-.025em;
line-height:.95;
color:var(--ink);
margin:0}
.reveal .slides h2{font-size:142px}
.reveal .slides h3{font-family:var(--body);
font-weight:650;
color:var(--ink);
font-size:36px;
margin:0 0 22px;
text-transform:none}
.reveal .slides p{margin:0 0 24px;
line-height:1.5}
.reveal .slide-art{position:absolute;
max-width:none!important;
max-height:none!important;
margin:0!important;
z-index:-1}
.reveal .peach{width:700px;
right:-180px;
top:-40px}
.reveal .lavender{width:570px;
right:220px;
top:140px}
.reveal .mint{width:1160px;
right:-530px;
top:230px}
.reveal .title-course{position:absolute;
left:170px;
top:128px;
text-transform:uppercase;
font-size:30px;
letter-spacing:.14em}
.reveal .slides .cover-title{position:absolute;
left:170px;
top:245px;
font-size:188px;
line-height:.89;
max-width:1250px}
.reveal .title-frame .color-rule{position:absolute;
left:180px;
top:798px;
width:650px}
.reveal .cover-subtitle{position:absolute;
left:180px;
top:834px;
font-size:34px}
.reveal .cover-note{position:absolute;
left:180px;
top:900px;
font-size:23px;
color:var(--muted)}
.reveal .slides .content-frame,.reveal .slides .code-frame{padding:100px 100px 110px}
.reveal .content-frame .color-rule,.reveal .code-frame .color-rule{margin:32px 0 40px;
width:1230px}
.reveal .three-steps{display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:50px;
margin-top:48px}
.reveal .step{position:relative;
padding-top:32px}
.reveal .step+ .step{border-left:1px dashed #d7b99e;
padding-left:42px}
.reveal .step img{float:left;
width:132px;
height:140px;
object-fit:contain;
margin:-20px 22px 22px 0}
.reveal .step p{font-size:29px;
line-height:1.45}
.reveal .step ul{clear:both;
display:block;
margin:40px 0 0 24px;
font-size:29px;
line-height:1.45}
.reveal .step li{margin-bottom:22px;
padding-left:10px}
.reveal .step:nth-child(1) li::marker{color:var(--lavender-ink)}
.reveal .step:nth-child(2) li::marker{color:var(--peach-ink)}
.reveal .step:nth-child(3) li::marker{color:var(--mint-ink)}
.reveal .slide-note{position:absolute;
bottom:115px;
font-size:23px;
color:var(--muted)}
.reveal .footer{bottom:20px!important;
left:100px!important;
right:100px!important;
width:auto!important;
border-top:1px solid #ccc6be;
text-align:left!important;
padding-top:24px;
font-size:22px!important;
color:var(--muted)!important}
.reveal .slide-number{font:24px var(--body)!important;
right:100px!important;
bottom:26px!important;
background:transparent!important;
color:var(--ink)!important}
.reveal .controls{color:var(--mint-ink);
right:22px;
bottom:12px}
.reveal .code-columns{display:grid;
grid-template-columns:1.12fr 1fr;
gap:65px;
margin-top:40px}
.reveal .code-label{font-size:26px;
color:var(--muted)}
.reveal pre{width:100%;
margin:0;
box-shadow:none;
background:#efebe4;
border-radius:20px;
padding:36px;
font:32px/1.6 var(--mono);
white-space:pre}
.reveal pre code{font:inherit;
max-height:none;
padding:0;
background:none;
overflow:visible;
color:var(--ink)}
.reveal .kw{color:var(--lavender-ink)}
.reveal .str{color:var(--mint-ink)}
.reveal .num{color:var(--peach-ink)}
.reveal .flow img{width:100%;
margin:0 0 24px}
.reveal .flow p{font-size:28px}
.reveal a{color:var(--mint-ink)}


.reveal-viewport{background:var(--bg)!important;
--r-background-color:var(--bg)}

.reveal .slides .cover-title{font-size:168px;
max-width:none;
width:1450px;
line-height:1.02;
white-space:nowrap}

.reveal .slide-art{filter:brightness(1.07);
opacity:.72}

.reveal .slide-menu-button{display:none!important}


.reveal .mint{width:1450px;
right:-680px;
top:220px}
.reveal .step img{filter:brightness(1.07);
opacity:.8}
.reveal .slides .step{display:grid;
grid-template-columns:125px 1fr;
column-gap:22px;
align-content:start}
.reveal .step img{float:none;
grid-column:1;
grid-row:1/3;
width:125px}
.reveal .step h3,.reveal .step p{grid-column:2}
.reveal .step ul{grid-column:1/-1;
margin-top:25px}
.reveal .controls{font-size:8px}