body{font-family:cacadia code;margin:0;overflow:hidden}body button{font-family:cascadia code}body header{background:#121212;display:flex;height:7.4vh}body header img{height:100%}body header div{display:flex;justify-content:center;width:100%}body header button{background:#121212;border:0;border-left:1px solid #413c3c;border-right:1px solid #413c3c;color:#fff;cursor:pointer;font-size:3.48vh;height:100%;padding:0 6.75vh;transition:.5s}body header button:hover{background:hsla(0,0%,100%,.116)}body .menu{display:flex;height:92.6vh;width:100vw}body .menu .aside{flex-direction:column;height:92.6vh;width:3.49vw}body .menu .aside,body .menu .aside button{align-items:center;background:#121212;display:flex}body .menu .aside button{border:0;cursor:pointer;height:7.29vh;justify-content:center;width:100%}body .menu .aside button:hover{background:hsla(0,0%,100%,.116)}body .menu .aside button:hover path{fill:#fff}body .menu .aside .svg-container{height:36px;width:36px}body .menu .aside .svg-container path{fill:gray}body .menu .contenuPrincipal{display:flex;flex-direction:column;width:100%}body .menu .contenuPrincipal .ongletsFichiers{background:#121212;border:1px solid #413c3c;border-bottom:0;border-left:0;display:flex;height:3.92vh;width:100%}body .menu .contenuPrincipal .ongletsFichiers button{align-items:center;background:#121212;border:0;border-left:1px solid #242424;color:#fff;cursor:pointer;display:inline-block;display:flex;font-family:cascadia code;height:100%;justify-content:space-around;padding:0;position:relative}body .menu .contenuPrincipal .ongletsFichiers button:hover{background:#363636}body .menu .contenuPrincipal .ongletsFichiers button img{height:80%;margin-left:5px}body .menu .contenuPrincipal .ongletsFichiers button p{margin:0 10px}body .menu .contenuPrincipal .ongletsFichiers button button{background:none;border:0;border-radius:12px;height:70%;position:relative;z-index:12}body .menu .contenuPrincipal .ongletsFichiers button button:hover{background:#c52c2c}body .menu .contenuPrincipal .ongletsFichiers button button .svg-container path{fill:#fff}body .menu .contenuPrincipal .ongletsFichiers .selected{background:#242424;border-top:1px solid #ff66c4;cursor:auto}body .menu .contenuPrincipal .ongletsFichiers .selected:hover{background:#242424}body .menu .page{height:100%;overflow-y:scroll;position:relative;width:100%}body .menu .page .accueil{background:#242424;height:100%;width:100%}body .menu .page .accueil #text{font-family:cascadia code;font-size:6em;line-height:1em;position:relative;text-align:center;top:33%;transform:translateY(-50%)}body .menu .page .accueil #text:hover{cursor:default}body .menu .page .accueil #text .wrapper{display:inline-block;height:150px;position:relative;top:-900px;transition:all .3s ease;width:90px}body .menu .page .accueil #text .wrapper span{position:absolute;right:0;top:0;transition:all .3s ease}body .menu .page .accueil #text .wrapper span img{height:8vh;margin-left:-12px;margin-right:-12px}body .menu .page .accueil #text .wrapper span.letter-2{color:#ff66c4}body .menu .page .accueil #text .wrapper span.letter-1{color:#fff;z-index:1}body .menu .page .accueil #text .wrapper span.letter-1:hover{right:-3px;top:-3px}body .menu .page .accueil #text .wrapper span.letter-1:hover~.letter-2{right:3px;top:3px}body .menu .page .accueil #text .wrapper span.space{display:inline-block;min-width:30px;padding:0}body .menu .page .accueil button{background:#ff66c4;border:0;color:#fff;cursor:pointer;font-size:200%;height:17%;left:38%;position:relative;top:50%;width:20%}body .menu .page .accueil button svg{stroke-dasharray:150 1100;stroke-dashoffset:150;height:100%;left:0;position:absolute;top:0;transition:1s ease-in-out;width:100%}body .menu .page .accueil button:hover svg{stroke-dasharray:1500 100}body .menu .page .accueil .actiff{animation:steve12 1s forwards}body .menu .page .skills{align-items:center;background:#242424;display:flex;flex-direction:column;height:100%;width:100%}body .menu .page .skills .requeteSql{align-items:center;display:flex;font-size:36px;gap:12px;justify-content:center;margin-top:80px;width:100%}body .menu .page .skills .requeteSql span{color:#fff}body .menu .page .skills .requeteSql .orange{color:#98610f}body .menu .page .skills .requeteSql select{-webkit-appearance:none;appearance:none;background:#242424;border:0;color:green;font-size:36px}body .menu .page .skills .requeteSql select option{font-size:12px;width:5%}body .menu .page .skills .mesSkills{display:flex;flex-wrap:wrap;margin-top:5%;max-height:52%;width:90%}body .menu .page .skills .mesSkills .flipCarteSkill{background:#0000;height:200px;margin:1%;perspective:1000px;width:200px}body .menu .page .skills .mesSkills .flipCarteSkill .int-flipCarteSkill{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:.8s;width:100%}body .menu .page .skills .mesSkills .flipCarteSkill .int-flipCarteSkill .faceCarteSkill,body .menu .page .skills .mesSkills .flipCarteSkill .int-flipCarteSkill .pileCarteSkill{backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #ff66c4;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}body .menu .page .skills .mesSkills .flipCarteSkill .int-flipCarteSkill .faceCarteSkill{align-items:center;background:#242424;display:flex;flex-direction:column;justify-content:space-around}body .menu .page .skills .mesSkills .flipCarteSkill .int-flipCarteSkill .faceCarteSkill img{margin-top:5%;max-height:65%;max-width:65%}body .menu .page .skills .mesSkills .flipCarteSkill .int-flipCarteSkill .faceCarteSkill h3{color:#fff}body .menu .page .skills .mesSkills .flipCarteSkill .int-flipCarteSkill .pileCarteSkill{background:#242424;transform:rotateY(180deg)}body .menu .page .skills .mesSkills .flipCarteSkill:hover .int-flipCarteSkill{transform:rotateY(180deg)}body .menu .page .pageProjets{background:#242424;height:100%;padding-top:1%;width:100%}body .menu .page .pageProjets h2{color:#ff66c4;margin-top:0;text-align:center}body .menu .page .pageProjets .projetsGrid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}body .menu .page .pageProjets .projetCard{background-color:#333;border-radius:10px;box-shadow:0 0 10px #00000080;box-sizing:border-box;overflow:hidden;padding:20px;text-align:center;width:300px}body .menu .page .pageProjets .projetCard img{border-radius:5px;height:auto;width:100%}body .menu .page .pageProjets .projetCard h3{color:#ff66c4;margin:10px 0}body .menu .page .pageProjets .projetCard p{color:#ccc}body .menu .page .pageProjets .technologies{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:10px 0}body .menu .page .pageProjets .techBadge{background-color:#ff66c4;border-radius:5px;color:#fff;font-size:12px;padding:5px 10px}body .menu .page .pageProjets .projetCard a{border:1px solid #ff66c4;border-radius:5px;color:#ff66c4;display:inline-block;margin-top:10px;padding:5px 10px;text-decoration:none;transition:background-color .3s,color .3s}body .menu .page .pageProjets .projetCard a:hover{background-color:#ff66c4;color:#fff}body .menu .page .pageAbout,body .menu .page .pageCompetIUT,body .menu .page .pageExps{background:#242424;height:100%;width:100%}body .menu .page .pageCompetIUT{box-sizing:border-box;overflow-y:scroll;padding:20px}body .menu .page .pageCompetIUT button{background-color:#ff66c4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:10px;padding:10px;text-align:left;transition:background-color .3s;width:100%}body .menu .page .pageCompetIUT button:hover{background-color:#d3469d}body .menu .page .pageCompetIUT button:focus{box-shadow:0 0 5px #ffffff80;outline:none}body .menu .page .pageCompetIUT h2{border-radius:5px;color:#fff;display:none;margin:0;padding:10px}body .menu .page .pageCompetIUT ul{list-style-type:none;margin:0 0 20px;padding:0}body .menu .page .pageCompetIUT ul li{background-color:#333;border-radius:5px;box-shadow:0 0 5px #00000080;color:#fff;margin:5px 0;padding:10px}@keyframes steve12{0%{rotate:0deg;scale:1;translate:0}99%{opacity:0;rotate:12000deg;scale:12;translate:0}to{translate:10000px}}
/*# sourceMappingURL=main.be41292e.css.map*/