/*
 color palette:
 flat bone: #EDEBE6
 easy: #D6E1C7
 G 445: #94C7B6
 Rigor Mortis: #403B33
 morning: D3643B
 */

body {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  margin-left: 0;
  margin-top: 0;
  background-color: #EDEBE6
}

html {
  background-color: #403B33;
}

section {
  background-color: #EDEBE6;
}



/* Increment with lists */
.incremental > * { opacity: 1; }
.incremental > *[aria-selected] { color: red; opacity: 1; }
.incremental > *[aria-selected] ~ * { opacity: 0.2; }
/* Increment with images */
.incremental > img[aria-selected] { box-shadow: 0 0 10px #000 }

h1 {
  color: #403B33;
  font-size: 50px;
  text-shadow: 0px -1px 0px #fff;
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
}

#it-is-getting-cheaper h2, #targets-2 h2 {
  color: #AE353B;
  font-size: 100px;
  text-align: center;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 50%;
}

h2.author {
  color: #55ACEE;
  width: 150px;
  display:block;
  position: absolute;
  bottom: 70px;
  right: 0;
}
h2.twitter {
  color: #55ACEE;
  width: 150px;
  display:block;
  position: absolute;
  bottom: 30px;
  right: 0;
}

h3 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: #ABABAB;
  font-weight: normal;
  font-style: italic;
}

.slide h1 {
  top: 0
}

section.slide h1 {
  position: relative;
  margin-bottom: 30px;
}

section.slide h2 {
  position: absolute;
  bottom: 20px;
}

img.centered {
  min-height: 400px;
  max-height: 80%;
  margin-left:auto;
  margin-right: auto;
  position:absolute;
  left:0;
  right:0;
}

figure img {
  position: absolute;
  top: 0;
  overflow: hidden;
  height:auto !important;
}

ul {
  margin-left: 20%;
}

li {
  font-size: 40px;
}

#security {
  background-color: #D3643B;
}

#security h1 {
  color: #D6E1C7;
  font-size: 190px;
}

#how-does-an-attack-work, #targets, #targets-1, #entry-points, #entry-points-1, #defining-a-threat,
#it-is-getting-cheaper, #the-fortress, #the-city, #e-commerce-assets, #e-commerce-actors, #e-commerce-threat,
#cert-fr, #rebuilding, #code-audits, #penetration-testing, #penetration-test-with-scope, #keep-a-copy-of-all-the-passwords-in-a-safe,
#links, #password-storage {
  background-color: #D6E1C7;
}

#how-does-an-attack-work h1, #targets h1, #targets-1 h1, #entry-points h1, #entry-points-1 h1, #defining-a-threat h1,
#it-is-getting-cheaper h1, #the-fortress h1, #the-city h1, #e-commerce-assets h1, #e-commerce-actors h1, #e-commerce-threat h1,
#cert-fr h1, #rebuilding h1, #code-audits h1, #penetration-testing h1, #penetration-test-with-scope h1,
#keep-a-copy-of-all-the-passwords-in-a-safe h1, #links h1,
#password-storage h1 {
  color: #403B33;
  font-size: 170px;
}

#targets-2, #attacker-types, #cost-of-a-threat, #time, #risk-analysis-and-threat-modeling, #business-continuity-planning,
#communication, #system-architecture, #fix-it, #thanks, #security-practice-levels {
  background-color: #EDEBE6;
}

#targets-2 h1, #attacker-types h1, #cost-of-a-threat h1, #time h1, #risk-analysis-and-threat-modeling h1,
#business-continuity-planning h1, #communication h1, #system-architecture h1, #fix-it h1, #thanks h1,
#security-practice-levels h1 {
  color: #403B33;
  font-size: 190px;
}

#priorities, #attacker-only-needs-to-enter-once, #what-do-i-do-first, #in-case-of-emergency,
#what-is-easy-to-fix-right-now {
  background-color: #403B33;
}

#priorities h1, #attacker-only-needs-to-enter-once h1, #what-do-i-do-first h1, #in-case-of-emergency h1,
#what-is-easy-to-fix-right-now h1 {
  color: #D3643B;
  font-size: 200px;
}

#on-authentifie, #incident-response, #ssl, #buy-a-disk-make-backups {
  background-color: #403B33;
}

#on-authentifie h1, #incident-response h1, #ssl h1, #buy-a-disk-make-backups h1 {
  color: #D3643B;
  font-size: 200px;
  text-align: center;
}


#chiffrement-symétrique, #modes-de-chiffrement-par-bloc, #hash, #mac {
  background-color: #EDEBE6;
}

#chiffrement-symétrique h1, #modes-de-chiffrement-par-bloc h1, #hash h1, #mac h1 {
  color: #403B33;
  font-size: 190px;
}

#chiffrement-symétrique h1 em {
  color: #D3643B;
  font-size: 170px;
  font-style: normal;
}

#des-rc4-aes, #vigenère-lol, #md5-sha1-sha256, #aes-ecb-aes-cbc-aes-ctr, #hmac-sha1-cmac,
#aes256-cbc-hmac-sha1, #encrypt-then-mac {
  background-color: #403B33;
}

#des-rc4-aes h1, #vigenère-lol h1, #md5-sha1-sha256 h1, #aes-ecb-aes-cbc-aes-ctr h1 {
  color: #94C7B6;
  font-size: 200px;
}

#hmac-sha1-cmac h1 {
  color: #94C7B6;
  font-size: 190px;
}

#aes256-cbc-hmac-sha1 h1 {
  color: #94C7B6;
  font-size: 160px;
}

#encrypt-then-mac h1 {
  color: #94C7B6;
  font-size: 180px;
}

#encrypt-then-mac h1 em {
  color: #D3643B;
  font-size: 250px;
  font-style: normal;
}

#modes-dopération-daes img {
  height: 100% !important;
}

#les-algos-actuels {
  background-color: #EDEBE6;
}

#les-algos-actuels h1{
  color: #D3643B;
  font-size: 190px;
}

#aes-gcm-aes-ccm, #chacha20-poly1305, #keccak-est-sha3, #compétition-caesar {
  background-color: #403B33;
}

#aes-gcm-aes-ccm h1, #chacha20-poly1305 h1, #keccak-est-sha3 h1, #compétition-caesar h1{
  color: #D3643B;
  font-size: 190px;
  text-align: middle;
}

#echangeons-nos-clefs {
  background-color: #D6E1C7;
}
#echangeons-nos-clefs h1 {
  color: #403B33;
  font-size: 190px;
}

#echangeons-nos-clefs h1 em {
  color: #D3643B;
  font-style: normal;
}

#identification-vs-authentification, #crypto-asymétrique {
  background-color: #EDEBE6;
}

#identification-vs-authentification h1 {
  color: #403B33;
  font-size: 150px;
}

#crypto-asymétrique h1 {
  color: #403B33;
  font-size: 190px;
}

#rsa-pkcs1v15-dsa, #truecrypt {
  background-color: #403B33;
}

#rsa-pkcs1v15-dsa h1, #truecrypt h1 {
  color: #94C7B6;
  font-size: 180px;
}

#rsa-oaep-rsassa-pss, #dsa-déterministe, #courbes-elliptiques, #sqlcipher {
  background-color: #403B33;
}

#rsa-oaep-rsassa-pss h1, #dsa-déterministe h1, #courbes-elliptiques h1,
#sqlcipher h1 {
  color: #D3643B;
  font-size: 180px;
  text-align: middle;
}

#clef-de-session {
  background-color: #D6E1C7;
}

#clef-de-session h1 {
  color: #403B33;
  font-size: 190px;
}

#clef-de-session h1 em {
  color: #D3643B;
  font-style: normal;
}

#méthode-rsa {
  background-color: #403B33;
  color: #EDEBE6;
}

#méthode-rsa h1 {
  color: #94C7B6;
  font-size: 100px;
}

#diffie-hellman, #forward-secrecy, #otr {
  background-color: #403B33;
}

#diffie-hellman h1, #forward-secrecy h1 {
  color: #D3643B;
  font-size: 180px;
  text-align: middle;
}

#otr h1 {
  color: #D3643B;
  font-size: 300px;
  text-align: middle;
}

#asynchronous-key-ratcheting {
  background-color: #D3643B;
}

#asynchronous-key-ratcheting h1 {
  color: #D6E1C7;
  font-size: 160px;
}

#group-chat {
  background-color: #403B33;
}

#group-chat h1 {
  color: #D3643B;
  font-size: 250px;
}

#stockage, #protéger-les-données-locales, #authentifier-les-données-en-clair,
#où-mettre-la-clef-de-chiffrement, #générée-par-mot-de-passe, #pourquoi-ça-doit-être-lent, #ux,
#comment-vérifier-une-identité, #tofu, #echange-de-clefs-main-à-main,
#vérifier-un-fingerprint {
  background-color: #EDEBE6;
}

#aparté-le-stockage-des-mots-de-passe {
  background-color: #94C7B6;
}
#stockage h1 {
  color: #403B33;
  font-size: 190px;
}

#protéger-les-données-locales h1, #authentifier-les-données-en-clair h1,
#où-mettre-la-clef-de-chiffrement h1, #générée-par-mot-de-passe h1, #ux h1,
#comment-vérifier-une-identité h1, #pourquoi-ça-doit-être-lent h1, #tofu h1,
#echange-de-clefs-main-à-main h1, #vérifier-un-fingerprint h1 {
  color: #403B33;
  font-size: 170px;
}

#générée-par-mot-de-passe h1 em, #comment-vérifier-une-identité h1 em {
  color: #D3643B;
  font-style: normal;
}

#key-derivation-functions, #vocabulaire #choix-de-lutilisateur {
  background-color: #403B33;
}

#key-derivation-functions h1, #vocabulaire h1, #choix-de-lutilisateur h1 {
  color: #D3643B;
  font-size: 180px;
  text-align: middle;
}

#aparté-le-stockage-des-mots-de-passe h1 {
  color: #403B33;
  font-size: 150px;
}

#failure-modes, #la-crypto-cest-pas-simple-mais-cest-fun {
  background-color: #403B33;
}

#failure-modes h1 {
  color: #94C7B6;
  font-size: 180px;
}

#la-crypto-cest-pas-simple-mais-cest-fun h1 {
  color: #94C7B6;
  font-size: 140px;
}
#la-crypto-cest-pas-simple-mais-cest-fun h1 em {
  color: #D3643B;
  font-style: normal;
}

#chiffrement-local {
  background-color: #403B33;
  color: #EDEBE6;
}

#chiffrement-local h1 {
  color: #94C7B6;
  font-size: 100px;
}