/*______★ ☆ ✭______________________________________________________-- •· ·
           •                 __. ★.      .       __
     • ▌ ▄ ·.   ▄▄▄·  ·▄▄▄▄   ▐▄▄▄▄▄▄ .▄▄▄ • ▄▄▄  .▄   ▄•·
     ·██ ▐███▪ ▐█  █  ██▪ ██   ·██▀   ▀▄.▀·  ▀▄.▀· █▌ ▄▌▪
     ▐█ ▌▐▌▐█· ▄█▀▀█▌  █·  █▌▪▄  ██  ▐▀▀ ▪  ▐▀▀▪   ▐▀▀▄·
__.__██ ██▌▐█▌ ▐█ ▪▐▌ ██. ██  ▐▌▐█▌  ▐█▄▄▌  ▐█▄▄▌ •▐█. ██▄▄▄▄▄______ www.madjeek.fr _______.. ★ ☆ ✭ 
     ▀  █▪  ▀▀  ▀  ▀  ▀▀▀▀▀•   ▀▀▀•   ▀▀▀    ▀▀▀  ·▀       ▀
  ______________________________________________________ (c) Fabien Conéjéro / FC84 _____*/

/* End User License Agreement (EULA) / Contrat de Licence Utilisateur Final (CLUF) 
(c) copyright license : https://madjeek.fr/copyright-fc84-madjeek-public-visibility-xml.xml */

/*//////////////////////////////////////////////*/
/*  @file : THEME BLOG - V.Classic - MADJEEK.FR */
/*//////////////////////////////////////////////*/

body, html{background-color:var(--body-bg-color-base-1);cursor:var(--cur1)}/*BACKGROUND COLORZ BASE : #b3b3b3;*/
::-webkit-scrollbar{width:0.5px;height:0.5px;opacity:0.01}::-webkit-scrollbar-button{width:0.5px;height:0.5px;opacity:0.01}
body:active{cursor:var(--cur2)}nav a:active{cursor:var(--cur2)}nav a:hover{cursor:var(--cur2)}

.logo-box {background-color:#000000e6;position:fixed;top:0%;left:50%;transform:translate(-50%);z-index:2;
height:100px;width:400px;animation:logobox 8s;animation-fill-mode:forwards;}@keyframes logobox {from{top:1000px;}to{top:0px;}}
.minilogo{z-index:3;position:fixed;top:0%;left:50%;transform:translate(-50%);padding-top:10px;
animation:logobox 8s;animation-fill-mode:forwards;}@keyframes logobox {from {top:1000px;}to{top:0px;}}

.box-header{height:140px;width:320px;margin-top:0;margin-bottom:0px;left:175%;padding:60px 15px 1px 15px;animation:yup-nav 5s;animation-fill-mode:forwards}
.box-h2-Q{border:0px solid gray;padding:0px;width:250px;margin-left:70px}
.h2-Q{text-indent:0px;text-align:justify;word-spacing:auto;z-index:1;line-height:1.4em;color:rgb(0, 0, 0);font-size:45px; 
font-family: 'quan_extralightregular', 'Quan', 'Rajdhani';font-weight:200;font-style:normal;text-transform:uppercase;letter-spacing:0.08em;
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.box-miniature{border:0px solid gray;padding:0px;width:250px;height:auto;margin-left:370px;margin-top:-160px;position:relative}
.box-text-miniature{bottom:0;margin-left:70px}
.box-email{margin-bottom:100px;left:50%;z-index:10;animation:zup-nav 9s;animation-fill-mode:forwards}@keyframes zup-nav{from{top:-550px}to{top:200px}}

.box-1{height:260px;margin-top:0;margin-bottom:0px;left:50%;padding:28px 15px 15px 15px;animation:yup-nav 5s;animation-fill-mode:forwards}
@keyframes yup-nav{from{top:-5550px}to{top:70px}}
.box-2{ margin-bottom: 100px; left: 50%; padding: 15px 15px 15px 15px;
animation: zup-nav 9s; animation-fill-mode: forwards}@keyframes zup-nav {from{top:-550px}to{top:200px}}  
.box-3{margin-bottom: 200px; padding: 15px 15px 15px 15px;left: 50%; background-color: #181818;
animation: nup-nav 9s; animation-fill-mode: forwards}@keyframes nup-nav {from{top:-550px}to{top:100px}}
.box-4{height:auto;margin-top:400px;margin-bottom:0px;left:50%}.box-5{box-shadow: 5px 5px 10px #00000066;height:70px;margin-bottom:200px;left:50%}
.box-6{height:auto;margin-bottom:0px;left:50%}

/*Grey - LCH BUTTON WEBPAGE Blog - Auto RWD (no make MQ @media)*/
.button-grey {--light-adjust: 0%; --chroma-base: 0; --chroma-range: 0; --hue-base: 0deg;
appearance:none;font-family:inherit;font-size: 1.5rem;text-shadow: 0 0.25ch 0.25ch
lch(calc(30% + var(--light-adjust)) var(--chroma-base) var(--hue-base) / 50%);position:fixed;bottom:2.5%;left:84%;border:none;color:lch(0% 0 0deg);}
button,button::after {border-radius:1.5ch;padding: 0.5ch 1.5ch;
background-color: lch(calc(98% + var(--light-adjust))calc(var(--chroma-base) + (var(--chroma-range) * 2)) var(--hue-base) / 50%);
box-shadow: inset 0 0 0.05ch 0.025ch lch(calc(100% + var(--light-adjust))calc(var(--chroma-base) + var(--chroma-range)) var(--hue-base) / 10%),
inset 0 0 0.1ch 0.05ch lch(calc(100% + var(--light-adjust))calc(var(--chroma-base) + var(--chroma-range)) var(--hue-base) / 50%),
inset 0 0.2ch 0.4ch 0.1ch lch(calc(60% + var(--light-adjust)) var(--chroma-base) var(--hue-base) / 50%),
inset 0 -0.25ch 0.25ch 0 lch(calc(20% + var(--light-adjust)) 41 var(--hue-base) / 10%),
inset -0.25ch 0 0.25ch 0 lch(calc(20% + var(--light-adjust))calc(var(--chroma-base) + var(--chroma-range)) var(--hue-base) / 40%),
inset 0.25ch 0 0.25ch 0 lch(calc(20% + var(--light-adjust))calc(var(--chroma-base) + var(--chroma-range)) var(--hue-base) / 40%),
inset 0 0.5ch 1ch 0.5ch lch(calc(30% + var(--light-adjust))calc(var(--chroma-base) + var(--chroma-range)) var(--hue-base) / 60%);transition: all ease-in-out 250ms;}
button:hover {--light-adjust: 10%;}button::before,button::after {content: "";display:block;position:absolute;}
button::before {inset: 0.25ch 0.75ch auto;background:linear-gradient(lch(calc(100% + var(--light-adjust)) 0 var(--hue-base) / 50%),
lch(calc(100% + var(--light-adjust)) var(--chroma-base) var(--hue-base) / 30%),
lch(calc(98% + var(--light-adjust)) var(--chroma-base) var(--hue-base) / 5%));height: 0.875ch;border-radius: 2ch 2ch 0.5ch 0.5ch;z-index:1;}
button::after {inset:0;opacity:80%;filter:blur(0.25ch);translate:0 0.875ch;z-index:-1;}

.pagination{position:fixed;bottom:0.5%;right:26%;text-align:center;margin:0px 0;}
.pagination ul{list-style:none;padding:0;display:flex;justify-content:center;}
.pagination li{margin:0 5px;}.pagination a{display:block;width:28px;height:28px;line-height:28px;background-color:rgba(0,0,0,0.85);color:white;font-size:12px;font-weight:bold;text-decoration:none;text-align:center;border-radius:5px;transition:background-color 0.6s ease-in-out;}
.pagination a:hover{background-color:rgba(255,255,255,0.2);color:black;}
.pagination a:focus{outline:2px solid #ccc;}