.has-x-large-font-size {
  font-size:8vw!important;
  line-height:9vw;
  color:#ff5200;
}
@keyframes apparition {
    0% {
        opacity: 1;
        -webkit-box-shadow: 0px 0px 0px 0px #ff5200; 
box-shadow: 0px 0px 0px 0px #ff5200;
    }
    20% {
        opacity: 1;
        --webkit-box-shadow: 2px 2px 11px 0px #ff5200; 
box-shadow: 2px 2px 11px 0px #ff5200;
    }
    100% {
        opacity: 1;
        --webkit-box-shadow: 2px 2px 11px 0px #ff5200; 
box-shadow: 2px 2px 11px 0px #ff5200;
    }
}

@keyframes clic {
    0% {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {
        -moz-transform: scale(0.94);
        -webkit-transform: scale(0.94);
        -o-transform: scale(0.94);
        -ms-transform: scale(0.94);
        transform: scale(0.94);
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.atb {
    cursor: pointer;
}

.atb:hover {
    animation: apparition 1s ease forwards;
}

.atb:active {
    animation: clic 1s ease forwards;
    opacity: 1!important;
}


.mon-extrait {
/*  color: #FF874B;
  font-family: 'Phudu';*/
}

.all-bloc .mon-extrait{opacity:0;}

.all-bloc:hover *{opacity:1;}

#masthead {
    background: rgb(235,235,235);
background: linear-gradient(180deg, rgba(235,235,235,1) 83%, rgba(9,9,121,0) 100%);
    height: 11.5vh;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100vw;
}

main a{ color:#546ef2!important;}
main a:hover{
  text-transform:none;
 font-weight:italic;
 color:#31e1a9!important;
}

*:focus {
    outline: none;
}


.current-menu-item a, .current-menu-item a:visited {color:black!important;}

.previous-post-bis a {font-family: 'Phudu'}

.next-post-bis a {font-family: 'Phudu'}

@media (max-width: 1024px) {
#site-navigation a {background:#ebebeb}
#site-navigation {top:0}
#masthead{height: 6.5vh}
body, button, input, select, optgroup, textarea {line-height: 1.2;}
body, button, input, select, optgroup, textarea {font-size: 0.5rem;}
:where(.wp-block-columns.is-layout-flex){gap:0em;}
img {
    height: auto;
    width: 100%!important;
}
.all-bloc .mon-extrait{opacity:1;}
.site-description{padding-top: 6vh}
media (max-device-width: 1024px)
.site-description {
    margin-top: inherit;
    font-size: 1vh;}
    
    .contour {
	box-shadow: inset 0px 0px 0px #999999 ;
	border: 0px solid #999999 ;}
	
	.atb {        --webkit-box-shadow: 2px 2px 11px 0px #ff5200; 
box-shadow: 2px 2px 11px 0px #ff5200;
}

}