body {
    --color-1: #f4676c;
    --color-2: #3f13ab;
    --color-3: #f8a0a3;
    --color-4: #fde7e8;

    --color-accent: #27F549;
    --color-accent-light: #BBFCC6;

}





.reveal,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
    font-family: 'Inter', serif;
    /* font-family: 'Paysage'; */
    
    font-style: normal;
    font-weight: 400;

    --color-title: black;
    --color-title-bg: #fafc9d;

}


/* .reveal a,
.reveal a:visited{
    color: var(--color-1);
}

.reveal a:hover{
    color: var(--color-1);
    text-decoration: underline;
}

svg{
    fill: var(--color-3)
} */

.reveal p,
.reveal li,
.reveal h1,
.reveal h2,
.reveal h3 {
    font-family: 'Inter', sans-serif;

}

.reveal h1 {
    display: inline;
    background-color: var(--color-accent);
    font-size: 1.3em;
    /* font-family: 'Catamaran'; */
}

.reveal h2{
    font-size: 1.6em;
    color: var(--color-title);
    /* color: white; */
    width: 100%;
    padding-bottom: 0.5em;
    position: relative;
    border: 4px solid currentColor;
    border-bottom-right-radius: 0.5em;
    font-weight: 500;
}

.reveal h2::before{
    content: "< "attr(data-count) " >";
    display: block;
    width: 5ch;
    font-size: 28px;
    background-color: var(--color-title);
    color: white;
    margin-bottom: 1em;
    
      
}

.reveal h3{
    text-decoration: underline 3px #999;
    text-underline-offset: 10px;
    font-size: 1em;

}

.reveal h5,
.reveal h6{
    border: 2px solid var(--color-title)!important;
    background-color: var(--color-title-bg)!important;
    color: var(--color-title)!important;
    border-bottom-right-radius: 0.25em;
    display: inline-flex;
    align-items: stretch;
    font-size: 0.4em;
    font-weight: 500;
    padding-right: 1ch;
    margin-bottom: 2em;
    display: none;

}

.reveal h5{
    position: absolute;
    top: 0px;
    left: -10ch;
}

.reveal h6{
    position: absolute;
    top: 30px;
    left: -5ch;
}

section.present{
    height: var(--slide-height);
    top: 0!important;
    display: flex!important;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}



.reveal h5::before{
    content: "</>";
    display: block;
    height: 150%;
    background-color: var(--color-title);
    color: var(--color-title-bg)!important;
    padding-right: 0.5ch;
    padding-left: 0.5ch;
    margin-right: 1ch;

}

.reveal h6::before{
    content: "\00a0\00a0↳\00a0\00a0";
}

.reveal h5 + h3{
    margin-bottom: 1.5em;
}

/* .h3-border{
    text-decoration: underline;
} */

/* 
p {
    font-size: 1em;
} */

h4{
    font-size: 0.7em;
    text-decoration: underline;
}

.reveal code {
    font-size: 0.4em;
    background-color: #cfcfcf;
    padding: 14px 20px;
}



.flex{
display: flex; 
justify-content: space-between; 
}
.flex > div{
margin: 0em 10px; 
}



#grid-team {
    display: flex;
    justify-content: space-between;
    font-size: 22px;
}

#grid-team div {
    width: 22%;
}

#grid-team div img {
    width: 70%;
    border-radius: 50%;
    border: 7px solid #bfbfbf;
}

.cabbage {
    font-size: 22px;
}

.cabbage::before {
    content: '';
    display: block;
    /* padding-bottom: 10px; */
    border-top: 2px solid #cfcfcf;
    margin: 0 auto;
    padding-bottom: 1.5em;
    margin-top: 2.5em;
}

.border {
    border: 3px solid #cfcfcf
}

.border-dark {
    border: 1px solid #666;
}


.reveal blockquote {
    font-style: normal;
    font-size: 0.7em;
    text-align: left;
}

.blockquote-bg {
    background-color: white !important;
    display: block;
    border: 3px solid #cfcfcf;
    text-align: left;
    padding: 20px 30px !important;
}

strong {
    font-weight: normal !important;
    background-color: var(--color-accent-light);
        /* border-bottom: 1px solid black; */
}


.p-small {
    font-size: 0.4em;
}

.p-background{
    background-color: var(--color-accent-light);
    padding: 0 0.5ch;
    margin-top: 40vh!important;
    color: black;
}

.p-medium{
    font-size: 0.7em;
}

.reveal ol li,
.reveal ul li{
    font-size: 1em;
    padding-bottom: 0.5em;
}

.reveal .caption {
    font-size: 0.5em;
    /* font-family: 'IBM Plex Mono'; */
}

.reveal .bg-black p,
.reveal .bg-black h2,
.reveal .bg-black .caption {
    color: white;
}

p+.p-small,
p+.caption {
    margin-top: -14px
}

.reveal code{
    display: block;
}

.reveal code pre{
    font-size: 18px;
}


#colophon svg {
    width: 24px;
    padding-right: 12px;
    position: relative;
    top: 4px;
}

#colophon ul {
    list-style-type: none;
    margin-top: 2em;
    border: 2px solid black;
    padding: 0.8em 1.2em;
    vertical-align: top;
    width: 40%;
    height: 160px;
}

#colophon li {
    font-size: 18px;
    padding-bottom: 0.5em;
}


#culture-libre ul {
    font-size: 0.7em;
    margin-bottom: 2em;
}

#culture-libre ul li {
    margin-bottom: em;
}

.reflexions p, .reflexions ul li{
    font-size: 38px;
    text-align: left;
}

.reflexions ul li{
    margin-bottom: 20px;
    
}

.reflexions ul{
    width: 100%;
}

.reveal .ref{
    font-size: 0.4em; 
    margin-top: 0;
    opacity: 0.4;
}

/* .navigate-left, 
.navigate-right{
    display: none;
} */


.reveal ul li small{
    display: block;
    opacity: 0.6;
    padding-top: 0.5em;
    padding-bottom: 1em;
}


.caption + .ref{
margin-top: -1em;
}


blockquote{
box-shadow: none!important; 
}

blockquote p{
line-height: 1.5em!important;
}

blockquote p::before{
content: "« "
}

blockquote p::after{
content: " »"
}

#quote-flexbox{
background-color: #00b357ba!important; 
padding: 1em 1em;
text-align: left; 
}


.link-external{
    display: inline-block;
    background-color: var(--color-accent);
    color: black!important;
    /* color: white!important; */
    font-size: 0.5em;
    padding: 3px 0.75ch;

}


.link-external:hover{
    background-color: var(--color-accent-light);
}

.link-external:visited{
    color: black;
}