main.css

:root {
    --r-background-color: #009EF5;
}

body {
    background-image: linear-gradient(#0180F5, #009EF5);
}

/* inline code */
code {
    color: #272C35;
    background-color: #FFE265;
}

.reveal {
    color: white;
}

@font-face {
    font-family: Circular;
    font-weight: bold;
    src: url(./fonts/circular-std-book/CircularStd-Bold.woff);
}

@font-face {
    font-family: Circular;
    src: url(./fonts/circular-std-book/CircularStd-Medium.woff);
}

@font-face {
    font-family: Consola;
    src: url(./fonts/consola/CONSOLA-Powerline.ttf);
}

.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5 {
    color: white;
    font-family: Circular, "League Gothic", Impact, sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: none;
    /*text-shadow: #1E19C2 1px 1px 4px;*/
}
.reveal h4 {
    font-size: 1.5em;
}

.reveal pre {
    width: 80%;
}
.reveal pre code {
    border-radius: 5px;
    max-height: none;
    padding: 20px;
    font-family: Consola, monospace;
}
.reveal .progress {
    color: #FFE265;
}

.hljs {
    background-color: #272C35;
}

.reveal section img {
    border: none;
    background: none;
    box-shadow: none;
}
.reveal section img[alt=doctrine] {
    width: 10%;
}

#gregoire img, #maxime img {
    width: 200px;
    height: 200px;
}

#hello {
    line-height: 1.1;
}
#hello img {
    border-radius: 50% !important;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.51);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.51);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.51);
}
#hello .job {
    font-size: 0.7em;
}

#universcine, #manomano {
    display: inline-block;
}

#universcine img, #manomano img {
    width: 300px;
}

#gregoire_company {
    font-size: 114px;
}

#la-configuration-yaml-est-d-pr-ci-e {
    text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);
    color: #eee;
}

.reveal ul {
    line-height: 2em;
}

.reveal .no-img-marge img {
    margin: 0;
}

.reveal .verticalAlign img {
    vertical-align: middle;
}

.big_code pre code {
    font-size: 1.7em;
    line-height: 1.3;
}

.reveal table {
    font-size: 0.9em;
}

@media screen and (max-width: 1280px) {
    .reveal h1 {
        font-size: 3em;
    }
    .reveal h2 {
        font-size: 1.3em;
    }
    .reveal h3 {
        font-size: 1em;
    }

    .reveal h4 {
        font-size: 0.8em;
    }

    .reveal p {
        font-size: 0.9em;
    }

    .reveal ul {
        font-size: 0.9em;
    }
    .reveal pre code {
        font-size: 0.9em;
        line-height: 1.2;
    }

    .lot_of_code pre code {
        font-size: 0.75em;
    }
    .reveal table {
        font-size: 0.7em;
    }

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

    #gregoire img, #maxime img {
        width: 150px;
        height: 150px;
    }


    .big_code pre {
        width: 90%;
    }
    .big_code pre code {
        font-size: 1.4em;
    }
}

blockquote.twitter-tweet {
    /*transform: scale(2);*/
}

.reveal a {
    color: #FFE265;
}

.reveal a:hover {
    color: #FFE295;
}