@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed&family=Fira+Code&display=swap";*{font-family:"Fira Code",monospace}p{font-size:17px}a{font-size:inherit}nav{font-size:15px}h1,h2,h3{font-family:"Barlow Condensed",sans-serif;font-stretch:condensed}h1{font-size:35px}h1 span.hashtag{font-family:inherit}h2{font-size:32px}.languages i{font-size:70px}.languages i:hover{font-size:75px}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth;-webkit-appearance:none;-moz-appearance:none;appearance:none}body{margin:0;position:relative}div.head-pad{height:100px}@media screen and (min-width: 800px){div.head-pad{display:none}}header{position:fixed;top:0;z-index:10;width:100%;display:flex;align-items:center;justify-content:right}header .construction{position:fixed;top:0;left:0;background-color:#8dc8ff;color:#261726;padding:10px;margin:10px}header h2{margin:0 40px}header #burger{cursor:pointer;display:flex;background-color:#261726;border-radius:0 0 0 25px}header nav{display:none}header svg{transition:transform 500ms cubic-bezier(0.4, 0, 0.2, 1);padding:10px;width:80px;height:80px}header .active svg{transform:rotate(90deg)}header .active path:nth-child(1){transform:translateX(9px) translateY(1px) rotate(45deg)}header .active path:nth-child(2){stroke-dasharray:225 299;stroke-dashoffset:-72px}header .active path:nth-child(3){transform:translateX(9px) translateY(1px) rotate(-45deg)}header .active path:nth-child(4){stroke-dasharray:225 299;stroke-dashoffset:-72px}header .active path:nth-child(5){transform:translateX(9px) translateY(1px) rotate(-45deg)}header .active path:nth-child(6){transform:translateX(9px) translateY(1px) rotate(45deg)}header path{transition:transform 500ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1)}header path:nth-child(1){transform-origin:36% 40%}header path:nth-child(2){stroke-dasharray:29 299}header path:nth-child(3){transform-origin:35% 63%}header path:nth-child(4){stroke-dasharray:29 299}header path:nth-child(5){transform-origin:61% 52%}header path:nth-child(6){transform-origin:62% 52%}@media screen and (min-width: 800px){header{position:static}header #burger{display:none}header nav{display:flex;height:100px;align-items:center;justify-content:center;gap:30px;margin:0 30px}}main{height:fit-content;min-height:calc(100vh - 100px)}body.index.home main .imgprofile{display:flex;align-items:center;justify-content:center}body.index.home main .imgprofile .border{width:420px;height:420px;position:absolute;padding:7px;border:3px solid #ff90fb;box-shadow:0 0 5px rgba(255,144,251,0.6823529412);border-radius:100%;animation:rotateCircles 5s linear infinite;display:flex;justify-content:center;z-index:1}body.index.home main .imgprofile .border::before{content:"";position:absolute;width:8px;height:8px;background:#fff;top:-6px;border-radius:50%;box-shadow:0 0 10px 6px rgba(255,144,251,.76)}@keyframes rotateCircles{from{transform:rotate(0)}to{transform:rotate(360deg)}}body.index.home main .imgprofile #img_profile{z-index:-1;width:400px;height:400px;border-radius:100%;object-fit:cover;object-position:top 15% left 47%}body.index.home main .reseaux{width:fit-content;margin:10px auto;display:flex;justify-content:space-between;gap:20px}body.index.home main .reseaux #discord,body.index.home main .reseaux #github,body.index.home main .reseaux #mail{width:fit-content}body.index.home main .reseaux #discord:hover,body.index.home main .reseaux #github:hover,body.index.home main .reseaux #mail:hover{filter:drop-shadow(0 0 5px rgba(141, 200, 255, 0.6823529412))}body.index.home main .reseaux .hidden{transform:translateY(50px);opacity:0}body.index.home main .pseudo{width:275px;margin:auto}body.index.home main .pseudo h1{margin:auto}body.index.home main .index.presentation{height:calc(100vh - 200px);display:flex;justify-content:center;align-items:center;gap:100px}body.index.home main .index.presentation section{margin:30px 0}body.index.home main .index.competence{border-radius:50px;margin:0 50px;padding-top:30px;min-height:100vh;background-color:#0f0f11}body.index.home main .index.competence>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:50px;min-height:calc(100vh - 70px)}body.index.home main .index.competence div.languages{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:50px;margin:50px 20px}body.index.home main .index.competence div.languages div{width:115px}body.index.home main .index.competence div.languages div i{margin:0 auto;display:block;width:fit-content;transition:.2s}body.index.home main .index.competence div.languages div h3{text-align:center;color:#8dc8ff}body.index.home main .index.competence div.skills{display:flex;align-items:flex-start;justify-content:space-evenly;height:max-content}body.index.home main .index.competence div.skills div{border-style:hidden hidden hidden dotted;border-width:2px;border-color:#fff;padding-left:15px;margin:25px}body.index.home main .index.competence div.skills div ul{margin-top:20px;list-style:none}body.index.home main .index.competence div.skills div ul li::before{content:"↪ "}body.index.home main #contact{min-height:100vh;display:flex;align-items:center;justify-content:center}body.index.home main #contact form{background-color:#0f0f11;padding:40px 60px;border-radius:25px}body.index.home main #contact form i{font-size:12px;text-align:center}body.index.home main #contact form hr{border:1px solid #ff90fb;margin-bottom:20px}body.index.home main #contact form div.input>*{display:block}body.index.home main #contact form div.input input,body.index.home main #contact form div.input select,body.index.home main #contact form div.input textarea{padding:10px;background-color:#1d1d21;color:#f0eeee;border-width:1px;border-style:hidden hidden hidden solid;border-color:#8dc8ff;width:300px;resize:none}body.index.home main #contact form div.input textarea{min-height:100px}body.index.home main #contact form div.input label{margin:10px 0;color:#8dc8ff}@media screen and (max-width: 800px){body.index.home main .index.presentation{height:auto;padding-bottom:40px;flex-direction:column;gap:20px}body.index.home main .index.presentation .border{width:210px;height:210px}body.index.home main .index.presentation #img_profile{width:200px;height:200px}body.index.home main .index.competence{margin:0;height:auto;padding-bottom:50px}body.index.home main .index.competence div.skills{flex-direction:column;align-items:center}body.index.home main .index.competence div.skills div{max-width:400px;min-width:350px;margin:0}body.index.home main #contact form{padding:20px}}body.index.project main .list{display:flex;flex-wrap:wrap;justify-content:center}body.index.project main .list .project-listed{margin:25px}body.index.project main .list .project-listed a{text-decoration:none}body.index.project main .list .project-listed:hover{transform:scale(1.05);cursor:pointer}body.index.project main .list .project-listed h2{color:#8dc8ff}body.index.project main .list .project-listed h2::after{content:"";display:block;width:100%;height:2px;background-color:#8dc8ff}body.index.project main .list .project-listed p{border:none}body.index.project main p{margin:30px auto}body.index.project main div.text{width:40%;margin:0 auto}body.index.project main .project p{text-align:left;margin:30px}@media screen and (max-width: 1050px){body.index.project main .grid-container{margin:auto 20px;grid-template-rows:3fr 1fr;grid-template-columns:1fr 1fr 1fr}body.index.project main .grid-main{grid-column:1/4;grid-row:1/2}}@media screen and (max-width: 800px){body.index.project main{display:block;padding-bottom:50px}body.index.project main div.text{width:auto;margin-bottom:50px}body.index.project main div.text p{max-width:90%}body.index.project main .grid-container{width:90%;margin:0 auto;display:block;height:auto}body.index.project main .grid-main,body.index.project main .grid-sec{height:auto;margin:40px 0}body.index.project main .grid-main img,body.index.project main .grid-sec img{height:auto;width:100%}}aside{position:fixed;top:0;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;transform:translateX(100%)}aside nav{display:flex;flex-direction:column;gap:10px;transform:scale(1.4)}div.cta{width:fit-content;box-sizing:border-box;margin:20px auto}div.cta button,div.cta a.button,div.cta input{transition:box-shadow .1s;text-decoration:none;background:none;border:2px solid #8dc8ff;color:#8dc8ff;border-radius:0;font-size:16px;padding:15px;box-shadow:0 0 5px rgba(141,200,255,0.6823529412)}div.cta button:hover,div.cta a.button:hover,div.cta input:hover{box-shadow:0 0 10px #8dc8ff;cursor:pointer}canvas{position:fixed;top:0;z-index:-1;mix-blend-mode:screen;opacity:50%;overflow:hidden}h1{text-align:center;border-width:2px;border-color:#f0eeee;border-style:solid hidden;width:fit-content;margin:auto}p{max-width:320px;border-width:2px;border-color:#ff90fb;border-style:hidden solid hidden hidden;padding-right:10px}p.invert{border-style:hidden hidden hidden solid}nav a{text-decoration:none;padding:10px 20px;position:relative;border-radius:40px;overflow:hidden}nav a.active{color:#261726;background-color:#8dc8ff}nav a::after{transition:.3s;position:absolute;top:0;left:0;content:"";background-color:#8dc8ff;display:block;width:100%;height:100%;transform:translateX(-100%);z-index:-10}nav a:hover{color:#261726;transition:color .3s}nav a:hover::after{transform:translateX(0)}*{color:#f0eeee}body{background:linear-gradient(180deg, #261726, #262a2e)}h1 span.hashtag{color:#868686}h2{color:#ff90fb}/*# sourceMappingURL=style.css.map */