*{box-sizing:border-box}body,input,select,textarea{font-family:Montserrat,Arial,Helvetica,sans-serif}body{background-color:#4ae}h1,.jours{font-family:Lobster,cursive}h1{text-align:center;background-color:unset;font-size:72px}body.mode-nuit h1{color:#eee}h1{word-spacing:.3em}@media screen and (width<=500px){h1{font-size:48px}.calendrier-avent h1{font-size:42px}}h1 a{margin-left:.3em}a{color:#000}main{height:100vh;margin:0 8px}.popup{user-select:none;background-color:#f88;border-radius:.4em .4em 0 0;padding:.2em .5em;font-family:Lobster,cursive;font-size:36px;animation:4s ease-in-out popup;position:fixed;bottom:0;left:50%;transform:translate(-50%)translateY(100%)}@keyframes popup{0%,to{transform:translate(-50%)translateY(100%)}15%,85%{transform:translate(-50%)translateY(0%)}}.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}}.texte{font-size:20px}.texte.trop-tot{text-align:center;font-size:42px;line-height:1.5em}img{height:100px}.imgs{text-align:center}.imgs img{height:150px;margin:0 .5em}.titre-chant{text-align:center;font-family:Lobster Two,cursive;font-size:48px}.chant{text-align:center}.chant iframe{width:45vw;height:25.3125vw;margin:0 16px}