/*

Bienvenue visiteur

Le site a été créé à partir d'une page blanche le 2021-03-25 (à 2h15 mais là y'a trop de détail non?)

Son créateur connait wordpress, symfony... mais il aime recréer la roue
(c'est surtout pour avoir accés à chaque détail du site final)

Je ne sais pas pourquoi tu continue à lire ce texte,
tu peux arreter dès maintenant, si si j'te jure, tu peux !
allé arrète, ça commence à être chiant là...

Nan mais serieux, viens plutôt bouffer un truc chez nous au moins t'auras quelque chose dans le ventre,
tu m'as l'air d'avoir une petite faim en plus, donc arrète de lire et viens, j'vais pas te le répéter cinq cent fois non plus, si?

Bon bah merde, reste à crever la dalle, moi j'arrete là, c'est bon quoi,
toutes mes sincères salutations

*/

@font-face {
  font-family:'name4';
  src:url(./mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
}

@font-face {
  font-family:'Satisfy';
  src:url(./Satisfy-rP2Hp2yn6lkG50LoCZOIHQ.woff2) format('woff2');/*https://fonts.gstatic.com/s/satisfy/v11/*/
}

/* global elements */

body{background-image:linear-gradient(35deg, hsl(20,45%,65%) 50%, hsl(20,60%,60%) 50.2%)}

body.darkmode{background-image:linear-gradient(35deg, hsl(200,50%,20%) 50%, hsl(200,40%,25%) 50.2%)}

.back_containtop{background:#888 no-repeat center top / contain}
.back_contain{background:#888 no-repeat center center / contain}
.back_cover{background:#888 no-repeat center center / cover}

body,button{font:1rem name4,sans-serif}

h1{color:hsl(200,60%,50%); margin:0; padding:0}

.font_kali{font-family:Satisfy,sans-serif}

.mw168{min-width:168px}
.ld_mw100p{min-width:100%}
.mh240{min-height:240px}
.mxw360{max-width:360px}
.w100p_10{width:calc(100% - 1rem)}

/* zone */

#thepage{
	min-height:calc(100vh - 12em);
}

.carde_mini_larg{
	padding-bottom:7rem;
	width:100%;
	min-width:292px; /*at 720x, 2 on screen*/
}

/* adaptatif */

@media (min-width:540px){
	.sd_mh400{min-height:400px}
	.sd_pd_t60{padding-top:6rem}
}

@media (min-width:820px){
	.md_mh500{min-height:500px}
	.sd_mwauto{min-width:0}
	.ld_mw100p{min-width:0}
	.carde_mini_larg{width:calc(50% - 2rem)}
}

/* element */

.back_pizza{background-image:url(./../ress_imgs/showcase_bg.jpg)}
.back_pizza:after{background-color:rgba(0,0,0,0.25)}

.ico_site{
	display:inline-block;
	width:2.4rem;
	height:2.4rem;
	background:url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 32 32'%3E%3Cpath fill%3D'%23FFF' d%3D'M17.357 18.913l-5.01 5.014.88-4.5-6.588-8.075-3.48.044 4.314-4.313 4.035-4.04V6.85l7.795 6.403 4.502-.786-4.876 4.87 9.908 11.62'%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50% / contain;
	background-color:none;
	border:0;
}