body{background-color:#4ae}body.index{background-image:url(background.jpg);background-position:50%;background-size:cover}h1,.jours{font-family:Lobster,cursive}.index h1,body.mode-nuit h1{color:#eee}h1{text-align:center;background-color:unset;word-spacing:.1em;font-size:72px}h1 sup{margin-left:.1em}@media screen and (width<=500px){h1{font-size:48px}.calendrier-avent h1{font-size:42px}}h1 a{margin-left:.3em}a{color:#000}main{margin:0 8px}.picture-popup{background:#00f6;transition:opacity .4s;display:flex;position:fixed;inset:0}.picture-popup img{width:auto;max-width:100%;height:auto;max-height:100%;margin:auto}.jours{grid-gap:20px;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;max-width:700px;margin:0 auto;display:grid}@media screen and (width<=500px){.jours{grid-gap:10px;grid-template-columns:repeat(4,1fr);max-width:350px}}.jours+.jours{justify-content:center;margin-top:70px;display:flex}.jours a{text-align:center;color:#000;background-color:#7ee836;border:5px solid #0d860d;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:64px;text-decoration:none;transition:background-color .4s,border-color .4s;display:flex}@media screen and (width<=500px){.jours a{border-width:4px;width:80px;height:80px;font-size:50px}}body.mode-nuit .jours a{color:#222}.jours+.jours a{background-color:#ffd54f;border-color:#f57f17;border-radius:50%;position:relative}.jours+.jours a:before,.jours+.jours a:after{content:"";border:4px solid red;width:60px;height:40px;position:absolute;bottom:100%}.jours+.jours a:before{border-radius:20% 80%;right:calc(50% - 2px)}.jours+.jours a:after{border-radius:80% 20%;left:calc(50% - 2px)}.jours a.ajd{background-color:#ff8a7e;border:5px solid #b00f0f;animation:2s ease-in-out infinite clignoter}@keyframes clignoter{0%,to{background-color:#ff6e40}50%{background-color:#ffea00}}.note-photos{display:none}@media screen and (width<=500px){.note-photos{text-align:center;padding:8px}}@media screen and (width>=501px){.note-photos{position:absolute;bottom:4px;left:4px}}p{text-align:justify;font-size:20px}.too-early,.intro{text-align:center;font-size:42px;line-height:1.5em}.intro img{vertical-align:middle;border-radius:50%;height:100px}