:root{--puce:#3b82f6;--puceBorder:#1e293b;
    /*--spCol:'#5b006b 100%';--dCol:#00faff;*/
    --spCol:'#c10000';--dCol:#00faff;
    --br:'0.4rem';
}
.print{--dCol:#9b0000;}
.print .sp {background:linear-gradient(90deg, #ffffff 0%, #c10000 100%);}
.print d {color:var(--dCol);}
.sp {background:linear-gradient(90deg, #ffffff 0%, #5b006b 100%);/*var(--spCol) */
    height: 100%;
    border-radius:0.4rem;
    /*      linear-gradient(90deg, #3b82f6 0%, #6366f1 100%);       */
}

html{font-size:16px;filter:hue-rotate(var(--rot));}
body {overflow-x:hidden;width:100vw;color: #f8fafc;}
.print body{padding:0 2rem 2rem 2rem;}

#main{margin: 0 1rem;}

.mfp1,img{filter:hue-rotate(var(--rot2));}/*compenser*/
/*.mfp1 img{transform:rotate(0deg);/* subtle ignoring }*/

#h .s,s,.hide{display:none;}
.errormsg{color:#D00;font-weight:bold;}
#h .error{color:#D00;border-color:rgba(255,0,0,var(--tw-border-opacity,1));}
#h .printonly,.print .ls,.print .noprint, .print .deskonly{display:none;}   #h.print .printonly{display:block;}

.bg{position:fixed;top:0;left:0;width:100vw;height:100vh;}
.bg1{ z-index:-4;background: url('/y/til.png#subtledots') repeat;background-size:14%;opacity:var(--bg1op);}
.bg2{ z-index:-5;background: url('/y/4px.png#1-2.25.png') repeat;opacity:var(--bg2op);}
.print .bg2{ }
.bg3{opacity:var(--bg3op);z-index:-6;background: url('/y/back/tn-_-h900-20201006-094810-issShuttleEarthLarge.rot.jpg.webp#mobile')  repeat 100% 0% / cover;/*mob first*/}
#h.print .bg3{display:none;}

.bg4{z-index:-7;opacity:0.5;
    background: url(/y/tn-_-w800-mnt1.png.webp), linear-gradient(270deg, #5595ff 0%, #b4caff 100%);
    background-position: 0% 354%;background-repeat: repeat-x;background-size: contain; /*<?=$bgc?>*/;}

d{color: var(--dCol);font-weight: 600;}
a,img{display: inline-block;transition:opacity 0.3s  ease-in-out,color 0.3s ease-in-out;}
a:hover{color:#D00;opacity:0.3},a:hover img{opacity:0.3}
.flex{flex-wrap: wrap;align-items:center;justify-content:center;}   .flex.nw{flex-wrap: nowrap;}  .jcc{justify-content:center;} .left{align-items: start;} .top{align-items: start;}   .flex.center{justify-content: center;}

#h.print{line-height:1rem;}
#h.print .container{padding:0;max-width:100vw;}
#h.print h4 {display: inline-block;}

#h.print .txtintro{margin:0;padding:0.5rem 0;font-size:1rem;line-height:1rem;}

.timeline{border-left:1px dashed #00f5ff6b;}
.ma{margin: auto;}
.fs11{ font-size: 1.1rem;line-height:1.6rem;}
.fs15{ font-size: 1.5rem;line-height:2.2rem;}
.mfp1{position:fixed;top:0;z-index:2;width:100vw;height:100vh;background:rgba(0,0,0,0.8);align-items:center;justify-content:center;flex-direction: column; }
.mfp1 fieldset{background:rgba(255,255,255,0.1);border-radius:0.4rem;margin:0 1rem;padding:0 1rem 1rem;border:1px solid rgba(255,255,255,0.3);}
.mfp1 fieldset legend{margin:auto;padding:0 1rem;}
.mfp2 iframe{border: 1px solid #FFFA;width:96vw;aspect-ratio:17.5/9;}/*macos:19/9 is okay*/
.mfp1 img{max-height:90vw;max-height:90vw;margin:auto;border: 1px solid #FFFA;}

.h50{height:3.15rem;}

.space-y-4 .flex span:nth-of-type(2){display:none}


.tg300{color:#D00;}

.gradient-bg {background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);}
.print .gradient-bg{

    background: linear-gradient(90deg, #ffffff45, #b2c9ff5c), url(/y/tn-_-w800-mnt1.png.webp);
    background-position: 0% 130%;background-repeat: repeat-x;background-size: contain;
}

#h.print .bg4{ display:none;/*position:absolute;top:100vh;  */
}

.skill-bar {height: 8px;border-radius: 4px;background: rgba(255, 255, 255, 0.5);box-shadow:1px 1px 2px black;}


#h .nb{border:0px;}
.timeline-item {
    border-top: 1px solid #0003;
}
.timeline-item::before {
    content: "";
    position: absolute;
    left: -2.4rem;
    top: 9px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--puce);
    border: 1px solid var(--puceBorder);
}




.hover-scale {transition: transform 0.3s ease;}
.hover-scale:hover {transform: translateY(-5px);}

.mfp a{margin-right:1rem;}
.mfp a:hover img,.mfp img:hover{opacity:0.9;filter:saturation(3);transform: scale(1.5) rotate(15deg);}
.mfp a img{border:1px solid rgba(255,255,255,0.3);transition:all 0.5s ease-in-out;}
.mfp.h1 a img{height:2rem;}

/*}map{*/
:root {
    --c1: #5cda91;
    --color1: #5cda91;
    --main-color: hotpink;
    --padding-size: 10px;
    --r6: 6rem;
    --r4: 6rem;
    --r10: 10rem;
    --gris: #333;
}

z{display: inline-flex;
    /* vertical-align: middle; */
    align-items: center;
    justify-content: center;}

.checked:before {
    color:var(--c1);
    margin-right:1rem;
    content: "\f058";
    /*position: absolute;*/
    font-family: 'FontAwesome';
}
/*i.fa-solid{line-height 25px;height:25px}*/
.icon{
    width:var(--r6);height:var(--r6);text-align: center;border-radius: 50%;border:1px solid #D00;border-color:var(--c1);
}
.icon i{font-size:var(--r4);line-height:var(--r6);color:var(--c1);}

.map{position: relative;   margin:auto;height:60vh;width:100%;
    display: flex;flex-wrap: wrap;    align-items: center;justify-content: center;
    /* flex-direction: unset; */
}
.w100,.map y{width:100%}
.map y{margin-left:var(--r10);max-width: 90vw;}
.map .bg0,.map .bg1,.map .bg2{position: absolute;height:100%;width:100%;}
.map .bg0{
    z-index:-3;background:rgba(0,0,0,0.7);
}
.map .bg1{
    z-index:-2;opacity:0.4;
    background:transparent url('/y/tn-_-h600-wm.png.webp#bwmp60.jpg#map.png#scaled_map.svg#ben74_hak0mk_dotted_world_map.jpg#https://www.worldindots.com/')  no-repeat 50% 50% / cover;filter: hue-rotate(31deg);
}.map .bg2{
     /*display:none;*/
     z-index:-1;opacity:0.2;max-width:220px;right: 0;
     background:transparent url(/y/tn-_-h600-ben.png.webp#bib40.jpg#ben.jpg) no-repeat 100% 50% / contain;
 }
.clear::after{content: "";display: block;clear: both;}

.s1{}/*border border-indigo-400 text-indigo-300 hover:bg-indigo-900/50 px-6 py-3 rounded-lg font-medium flex items-center*/
.s2{}/*border border-indigo-400 @bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-3 rounded-lg font-medium flex items-center*/

/*@media screen and (orientation: portrait){*/
@media(min-width:900px){/* is Desktop */
    #h .bg3{background:url('/y/back/tn-_-h900-20201006-094810-issShuttleEarthLarge.jpg.webp#desktop') repeat 50% 0% / cover;}
    /*repeat 100% 50% / cover*/
}
@media(max-width:620px){
    .header .px-6{padding: 0.3rem 0.4rem;}
    :root{
        --r6:1rem;--r4:1rem;--r10:1rem;
    }
    /*#h form input{width:100%}*/
}
.about .md\:w-2\/3{width:100%}   @media (min-width: 768px) {  .about .md\:w-2\/3{width:100%}  }
.print .megalos {padding-bottom:0}

.but1{background: rgba(0, 0,0, 0.4);backdrop-filter: blur(2px);text-shadow:1px 1px 2px black;border:1px solid rgba(255,255,255,0.3);border-radius:0.4rem;backdrop-filter: blur(10px);box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.5); }


.text-gradient {
    background: linear-gradient(180deg, #ffffff 0%, #4966ff 100%);
    /*background: linear-gradient(90deg, #3b82f6 0%, #6366f1 100%);*/
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
#h .text-gray-400 {  color: rgb(132,255,163);}
#h.print .text-gray-400 {  color:#444;}

#h .border-indigo-400 { border-color: rgb(255,255,255 / 39%);  }
#h .text-indigo-300 { color: rgb(255,255,255);  }

#h .card-glass,#h .bg-indigo-900\/30{backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.3);background-color:rgba(0, 0, 0, 0.4); }
.bs1,#h .card-glass,#h .bg-indigo-900\/30{box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.5);}
#h #b input,#h #b textarea{background-color:rgba(0,0,0,0.2);}
x,.b1{border:1px solid rgba(255,255,255,0.3);}
y,.ts1{text-shadow:1px 1px 2px black;}

#bimg{ transform:rotate(var(--rot3));float:left;margin-right:1rem;display:inline;}/*,.mfp2 suivre la rotation */

.ppc{border-radius: 20%;border: 3px solid rgb(0 91 255 / 57%);box-shadow: 2px 4px 5px #000B;width:10rem;   }
.print .ppc{border-radius:15%;border: 1px solid rgb(0 91 255 / 57%);}

#h .card-glass .bg-indigo-900\/30{background-color: transparent;backdrop-filter: blur(0px);}

.print .bg1{opacity:0.1;}
#h.print .card-glass,#h.print .bg-indigo-900\/30{backdrop-filter:blur(0px);border: 1px solid rgba(0, 0, 0, 0.4);background:linear-gradient(90deg, #FFF3 0%, #FFFF 100%); }



.ibleft{display:inline-block;float:left;}
fieldset legend{margin:auto;font-size: 1.4rem;font-weight:700;padding:0 2rem;    white-space: nowrap;}/* class="text-gradient"*/
.print body{color:var(--gris);}
.bm{margin:auto;font-size:1.5rem;border:1px solid #FFF;background:#0006;border-radius:5px;display:block;padding:0 2rem;}
.print .text-gray-300,.print .text-indigo-400,#h.print .text-indigo-300{color:var(--gris);}
.print legend{color:var(--gris);}

.print x,.print .b1{border:1px solid rgba(0,0,0,0.3);}
.print y,.print .ts1{text-shadow:1px 1px 2px white;}
.print .benji{color:#4789ff;}


.print header.justify-between {justify-content: space-around;}

.print .timeline{border-left:1px dashed #0027ff;}
.print .timeline .flex-col {flex-direction: row;}
.print .text-2xl {font-size: 1.4rem;}
.print .pp0 {padding:0;font-size:1.3rem;}
.print .mb-12,.print .mb-8{margin: 0 0.5rem 1rem;}
.print .mb-6{margin:0 0 0.5rem}
.print .mb-16 {margin:0.5rem auto 0;}
.print .p-8 {padding:0 1rem 1rem;}
.print .pl-8 {padding-left:1rem;}
.print .pb-8 {padding-bottom: 1rem;}
.print .timeline-item::before {left: -1.4rem;}

.qrsat{filter: saturate(0);position:absolute;top:1.6rem;right:1.6rem;/*margin:0 0 0 1rem;*/}
.nbt{padding-top:0rem;}

.mfp2{/*transition:all 1s ease-in-out;*/text-align:center;}

td{vertical-align:middle;}
.xl{font-size: 2.25rem; line-height: 2.5rem;font-weight:700;}

#rat1{display:none;}
.print #rat1{position:fixed;top:0;left:0;z-index:9;display:inline-block;}

.mobile .p-8{padding:0px;}
.mobile .pl-8 {padding-left: 1rem;}
.mobile .py-12 {padding-top: 1rem;padding-bottom: 1rem;}
.mobile .mb-16 {margin-bottom: 1rem;}
.mobile .mb-12 {margin-bottom: 1rem;}
.mobile .timeline-item::before {left: -1.4rem;}
/*.mobile .xp{padding: 0 0 0 1rem;margin:1rem;}
.mobile #main{padding: 0 0 0 1rem;margin:1rem;}
.mobile #contact{padding: 0 0 0 1rem;margin:1rem;}*/
#h.mobile #b fieldset.cg{padding: 0 0.5rem 1rem 1rem;margin:0px;}
#h.mobile #main{margin:0px;}
c{display:block}

/* Then Compacted */
.cg2{backdrop-filter:blur(0px);box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.5);border-radius:0.4rem;padding: 2rem;margin-bottom: 2rem;border: 1px solid rgba(255, 255, 255, 0.6);background-color:rgba(0, 0, 0, 0.6); }/*card-glass rounded-2xl p-8 mb-8*/

.print .cg2{border: 1px solid rgba(0, 0, 0, 0.1);background:#FFF;backdrop-filter:none;box-shadow:unset;padding:1rem;}

.print .bg1 {opacity:0.1;}
.print .gradient-bg{background:#FFF;}

#h.print .cg9{background:#FFF;backdrop-filter:none;border: 1px solid rgba(0, 0, 0, 0.4);box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.5);border-radius:0.4rem;}

.z1{/*  bg-indigo-900/30 rounded-lg p-4 text-center*/
    backdrop-filter: blur(0px);border-radius: 0.4rem;border: 1px solid rgba(255, 255, 255, 0.3);box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.5);background-color: transparent;text-align:center;padding:1rem;
}
.print .z1{background: linear-gradient(90deg, #FFF3 0%, #FFFF 100%);border: 1px solid rgba(0, 0, 0, 0.4);}

.z2 { /*bg-indigo-900/30 b1 w-full rounded-lg px-4 py-3 focus:outline-none*/
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(0px);
    box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius:0.4rem;
    width: 100%;
}
a.ft,a.ft *{text-decoration:none;}
.ft,.flex-table {
    display: flex;
    flex-direction: column;
}

.fr,.flex-row {
    display: flex;
    flex-direction: row;
}

.fc,.flex-cell {
    flex: 1; /* equally-sized columns */
    padding: 8px;
    text-align: left;
}

.fc:first-child{flex:1;}

.flex-row .flex-cell:last-child {
    border-right: none;
}

.print .pl8{padding-left:1rem;}
.print .pb8{padding-bottom:1rem;}
/*
.flashing-text {position: fixed;top: 0px;right: 0px;color: red;padding: 8px 12px;font-weight: bold;border-radius: 4px;animation: flash 1s infinite;z-index: 9999;}
@keyframes flash { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
.mobile
*/
#h .xprience{width:auto;}#h .skills{width:auto;}#h .mobile .xprience,#h .mobile .skills{width:auto}

.print .xprience{font-size:1.1rem;}/*2/3*/
.print .xp{padding:0.4rem 2rem 0rem;}
.print .pt0{padding-top:0px} .print .mb0{margin-bottom:0px;}
/*auto,circle,decimal      tn-_-h900-  .png.webp     flex-wrap:wrap;*/
.header{padding:0.4rem;}
.print .header{padding:0px;}

li{list-style-image:url('/y/tn-[h:12,w:20,hu:-108,s:2]arrow1.png.webp');}
.print li{list-style-image:url('/y/tn-_-h10-_-w20-grayRight.png.webp');/*list-style: devanagar*/}
.top{align-items:start}
li a{display:inline}
.rounded-2xl{border-radius:0.4rem;}