@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: "Pirulen";
    src: url("../fonts/pirulen_rg.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

:root {
    --r-main-font: "Roboto Serif", Georgia, "Times New Roman", serif;
    --r-heading-font: "Roboto Serif", Georgia, "Times New Roman", serif;
    --r-heading-text-transform: none;
    --r-heading1-size: 2em;
}

body::after {
    content: "";
    position: fixed;
    left: 40px;
    bottom: 30px;
    width: 220px;
    aspect-ratio: 600 / 221;
    background: url("../images/logo_devoxx_black.svg") no-repeat center / contain;
    pointer-events: none;
}

:root:has(.reveal .slides > section:first-of-type.present) body::after {
    aspect-ratio: 749.68 / 214.54;
    background-image: url("../images/logo_devoxx.svg");
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.55));
}

.reveal .slide-background:first-of-type {
    position: relative;
}

.reveal .slide-background:first-of-type::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: 10px;
    width: 400px;
    aspect-ratio: 3.25 / 1;
    height: auto;

    background-image: url("../images/Logo-Mirakl-White-Standard.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.55));
}

.reveal::after {
    content: "";
    position: fixed;
    right: -90px;
    bottom: 10px;
    width: 400px;
    aspect-ratio: 3.25 / 1;
    height: auto;
    background: url("../images/Logo-Mirakl.png") no-repeat center / contain;
    pointer-events: none;
    opacity: 1;
}

:root:has(.reveal .slides > section:first-of-type.present) .reveal::after {
    display: none;
}

.reveal .slides > section.title {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: center !important;
    height: 100% !important;
    top: -20% !important;
}

.reveal .slides > section.title h1 {
    margin: 0 !important;
    text-align: center;
    color: #FFD966;
    font-family: "Pirulen", "Poppins", "Roboto", sans-serif;
    font-size: 2.5vw;
    letter-spacing: 0.05em;
    white-space: nowrap;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.85), 0 0 24px rgba(0, 0, 0, 0.6);
}

.reveal .progress {
    color: #03182f;
}

.large-code-exemple pre.code-wrapper {
    width: 100%;
}

.large-code-exemple pre.code-wrapper code {
    overflow-x: hidden;
    overflow-y: scroll;
}

.without-bullets ul li{
  list-style: none;
}

section.blue.background {
    background-color: #F4F7FF;
}