*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Source Sans 3', sans-serif;

background:#f5f6f7;

display:flex;
justify-content:center;
align-items:center;

min-height:100vh;

padding:20px;

color:#2c2c2c;

}

/* motif chrétien discret */

.background{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background-image:url("images/cross-pattern.svg");

opacity:0.04;

z-index:-1;

}

.container{

background:white;

padding:35px 25px;

border-radius:10px;

box-shadow:0 12px 35px rgba(0,0,0,0.08);

max-width:700px;

text-align:center;

}

/* logo */

.logo{

width:120px;

margin-bottom:25px;

}

/* titres */

h1{

font-family:'Merriweather', serif;

font-size:26px;

color:#1f3a2d;

margin-bottom:10px;

}

h2{

font-size:18px;

font-weight:400;

color:#555;

margin-bottom:25px;

}

/* texte */

p{

font-size:16px;

margin-bottom:15px;

}

/* compteur */

.countdown{

display:flex;

justify-content:center;

gap:18px;

margin-top:25px;

}

.countdown div{

background:#f2f2f2;

padding:14px;

border-radius:8px;

min-width:65px;

}

.countdown span{

font-size:22px;

font-weight:600;

color:#1f3a2d;

}

/* signature */

.signature{

margin-top:35px;

font-weight:600;

color:#1f3a2d;

}

/* footer */

footer{

margin-top:20px;

font-size:13px;

color:#777;

}

/* DIGILAB */

.digilab{

margin-top:20px;

display:flex;

justify-content:center;

align-items:center;

gap:10px;

opacity:0.6;

font-size:12px;

}

.digilab img{

height:22px;

}

.digilab:hover{

opacity:1;

}

/* tablette */

@media (min-width:768px){

.container{
padding:60px;
}

h1{
font-size:34px;
}

}

/* desktop */

@media (min-width:1200px){

.container{
max-width:800px;
}

h1{
font-size:38px;
}

}