:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.09;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;margin-top:20px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.milieucolonne{display:flex;align-items:center;flex-direction:column;text-align:center}.header{background-color:#333;display:flex;align-items:center;justify-content:start;padding:10px 20px;gap:2%;z-index:9999;position:sticky;top:0;height:50px;box-shadow:0 2px 4px #0000001a}.logo-container{display:flex;align-items:center}.logo{height:40px;width:auto;transition:transform .3s ease-in-out}.logo:hover{transform:scale(1.07)}.nav{display:flex;gap:20px}.nav a{color:#fff;text-decoration:none;font-size:14px;transition:color .3s ease}.nav a:hover{color:#7e7ef5}.burger-menu{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}@media (max-width: 768px){.burger-menu{display:block}.nav{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background-color:#333;gap:15px;padding:20px 0;box-shadow:0 4px 6px #0000001a}.nav.open{display:flex}.nav a{text-align:center;font-size:16px}.header{justify-content:space-between}}body{margin:0;padding:0;overflow-x:hidden}.footer{padding:10px 0;display:flex;justify-content:center;align-items:center}.footer h6{color:#222;transition:.3s ease-in-out;font-weight:400;text-shadow:2px 2px 5px rgba(0,0,0,.5)}.footer h6:hover{color:#000}.home{display:flex;flex-direction:column;align-items:center;text-align:center}.containerhome{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,200px);gap:10px;width:85%;max-width:1200px;margin:5px auto auto;box-sizing:border-box}.containerhome a{color:inherit}.ablock-1x1{grid-column:span 1}.ablock-2x1{grid-column:span 2}.ablock-1x2{grid-row:span 2}.ablock-2x2{grid-column:span 2;grid-row:span 2}.item[data-id="1"]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:30% 70%;box-sizing:border-box}.item[data-id="1"] h1{font-size:30px}.item[data-id="1"]:hover{transform:scale(1) rotate(1deg)}.item[data-id="1"]:active{transform:scale(.9) rotate(2deg)}.bienvenue{grid-column:span 2;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.separateur{height:2px;width:30%;background-color:#fff}.ligne{display:flex;flex-direction:row}.prezperso{display:flex;flex-direction:column;align-items:start;text-align:left;margin:auto;width:70%;height:75%;border-radius:30px;box-shadow:0 2px 8px #0000001a;padding:10px;background:linear-gradient(25deg,#898989b3,#adadad80,#c1c0c04d);transition:transform .3s ease-in-out}.item[data-id="1"]:hover .prezperso{transform:scale(1.03) rotate(-1deg)}.prezperso h3{margin:0 0 4px 10px}.prezperso h4{margin:0 0 20px 12px;font-weight:100}.prezperso ul{list-style:none;margin:0}.prezperso li{margin-left:-30px;margin-bottom:7px;font-size:17px;font-weight:100}.prezperso li:before{content:"•";margin-right:10px;color:#fff}.divphoto{display:flex;align-items:flex-end;justify-content:flex-end;width:100%;height:100%}.ellipse{width:280px;height:280px;position:relative}.photomoi{width:280px;height:280px;position:absolute}.item[data-id="2"]{display:flex}.item[data-id="3"]{display:flex;flex-direction:column}.item[data-id="4"],.item[data-id="5"]{display:flex}.item[data-id="5"]:hover .linkedin{transform:translateY(15px)}.item[data-id="5"] .linkedin{transition:transform .3s ease-in-out}.linkedin{height:80%;width:80%;margin:-115%}.item[data-id="6"]{display:flex;opacity:1}.item[data-id="7"]{display:flex}.item[data-id="7"]:hover .insta{transform:translateY(15px)}.item[data-id="7"] .insta{transition:transform .3s ease-in-out}.insta{height:100%;width:100%;margin-bottom:-95%}.item{display:flex;justify-content:center;align-items:center;font-size:1.2em;font-weight:700;border-radius:20px;transition:transform .2s ease-in-out;text-align:center;overflow:hidden;min-height:200px;background:linear-gradient(25deg,#aeaeaeb3,#c9c9c980,#e9e9e94d);box-shadow:0 2px 8px #0000001a;opacity:.9}.item:active{transform:scale(.92)}.fond{min-height:400%;min-width:400%}.titrediv{display:flex;align-items:center;justify-content:center;width:100%;height:30%;margin-bottom:10px}@media (max-width: 1300px){.containerhome{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,200px);gap:15px}}@media (max-width: 1000px){.containerhome{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,200px);gap:15px}.titrehome{font-size:42px}}@media (max-width: 600px){.containerhome{grid-template-columns:1fr;grid-template-rows:repeat(10,200px);gap:10px}.ablock-1x1,.ablock-2x1,.nathan{grid-column:span 1;grid-row:span 1}.ablock-2x2,.ablock-1x2{grid-column:span 1;grid-row:span 2}.ellipse,.photomoi{width:230px;height:230px}}@media (max-width: 508px){.containerhome{grid-template-columns:1fr;grid-template-rows:repeat(9,200px);gap:10px}.item[data-id="1"]{grid-template-columns:1fr;grid-template-rows:20% 45% 35%}.ablock-2x2{grid-column:span 1;grid-row:span 3}.divphoto{grid-column:1 / -1}.nathan{height:200px}}.glow-on-hover{display:flex;align-items:center;justify-content:center;width:220px;height:50px;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:22px;transition:transform .3s ease-in-out}.glow-on-hover:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:20px;transition:transform .3s ease-in-out}.glow-on-hover:active{color:#000}.glow-on-hover:active:after{background:transparent}.glow-on-hover:hover:before{opacity:1}.glow-on-hover:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#59a13d;left:0;top:0;border-radius:20px;transition:transform .3s ease-in-out}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.redirection{display:flex;flex-direction:column;justify-content:center;align-items:center}.redirection:hover .glow-on-hover{transform:scale(1.1)}.redirection:active .glow-on-hover{transform:scale(1.2)}.redirection:hover .fleche{transform:scale(1.1);transform:rotate(-360deg) scale(1.1)}.redirection h1{font-size:30px;margin:0}.redirection h4{font-size:18px;font-weight:400;margin:20px;line-height:1.4}.item[data-id="3"] .glow-on-hover{width:125px}.item[data-id="4"] .glow-on-hover{width:160px}.fleche{width:80px;transition:transform .4s ease-in-out;margin:20px}.item[data-id="2"] .fleche{transform:rotate(180deg)}.item[data-id="2"]:hover .fleche{transform:scale(1.1) rotate(180deg) translateY(-7px)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:10px;align-items:stretch;width:90%;max-width:1800px;margin:5px auto auto}.grid .itemA{background:linear-gradient(25deg,#aeaeaeb3,#c9c9c980,#e9e9e94d);opacity:.9;padding:10px;border-radius:10px;box-shadow:0 2px 8px #0000001a;font-family:Arial,sans-serif;min-height:20vh;display:flex;flex-direction:column;justify-content:center;flex-grow:1}.itemA h4,h3,h2{margin:0}.block-1x1{grid-column:span 1}.block-2x1{grid-column:span 2}.block-1x2{grid-row:span 2}.block-2x2{grid-column:span 2;grid-row:span 2}.parcours{list-style-type:none;margin-left:0}.parcours li:before{content:"•";margin-right:15px;color:#ebcafc}.perzperso{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}.contact{text-align:center;display:flex;flex-direction:column;align-items:center}.contact h4{margin:20px;font-weight:100}.contact img{margin:5px;width:30px;height:30px;transition:transform ease-in-out .2s}.contact img:hover{transform:scale(1.3)}@media (max-width: 768px){.grid{grid-template-columns:repeat(2,1fr);gap:15px}.block-2x1,.block-2x2,.block-1x2{grid-column:span 2;grid-row:span 1}.block-1x1,.comp{grid-column:span 1;grid-row:span 1}}@media (max-width: 480px){.grid{grid-template-columns:1fr;gap:10px}.block-1x1,.block-2x1,.block-1x2,.block-2x2{grid-column:span 1;grid-row:span 1}}.animation{display:flex;justify-content:center;align-items:center}.square{margin-left:-30px;position:absolute;width:30px;height:100px;background-color:#4caf50;border-radius:25px;box-shadow:5px 5px 10px #0000004d}.first{transform:matrix(1,0,0,1,-25,0);animation:un 10s infinite ease-in-out}@keyframes un{0%{transform:matrix(0,1,.7,0,20,40);background-color:#ff00f7;box-shadow:0 0 #0000004d}15%{transform:matrix(0,1,.7,0,20,40)}30%{transform:matrix(1,0,0,1,-18,0);background-color:#00ffea}50%{transform:matrix(1,0,0,1,-18,0);box-shadow:5px 5px 10px #0000004d}70%{transform:matrix(1,0,0,1,-18,0);background-color:#ff7300}85%{transform:matrix(0,1,.7,0,20,40)}to{transform:matrix(0,1,.7,0,20,40);background-color:#ff00f7;box-shadow:0 0 #0000004d}}.second{transform:matrix(1,0,-.6,-1,12,0);animation:deux 10s infinite ease-in-out}@keyframes deux{0%{transform:scale(1);background-color:#ff00f7;box-shadow:0 0 #0000004d}15%{transform:scale(1)}30%{transform:matrix(1,0,-.6,-1,12,0);background-color:#00ffea}50%{transform:matrix(1,0,-.6,-1,12,0);box-shadow:5px 5px 10px #0000004d}70%{transform:matrix(1,0,-.6,-1,12,0);background-color:#ff7300}85%{transform:scale(1)}to{transform:scale(1);background-color:#ff00f7;box-shadow:0 0 #0000004d}}.third{transform:matrix(1,0,0,1,45,0);animation:trois 10s infinite ease-in-out}@keyframes trois{0%{transform:matrix(0,1,-.7,0,20,-40);background-color:#ff00f7;box-shadow:0 0 #0000004d}15%{transform:matrix(0,1,-.7,0,20,-40)}30%{transform:matrix(1,0,0,1,42,0);background-color:#00ffea}50%{transform:matrix(1,0,0,1,42,0);box-shadow:5px 5px 10px #0000004d}70%{transform:matrix(1,0,0,1,42,0);background-color:#ff7300}85%{transform:matrix(0,1,-.7,0,20,-40)}to{transform:matrix(0,1,-.7,0,20,-40);background-color:#ff00f7;box-shadow:0 0 #0000004d}}.blockmention{width:70%;max-width:1000px;background:linear-gradient(25deg,#aeaeaeb3,#c9c9c980,#e9e9e94d);opacity:.9;padding:10px 10px 30px;border-radius:10px;box-shadow:0 2px 8px #0000001a}.blockmention h5{margin:2px}.blockmention h2{margin:10px}@media (max-width: 620px){.blockmention{width:90%}}body,html{margin:0;padding:0;height:100%;width:100%;background:linear-gradient(90deg,#cd01c6,#00c9b8,#cd5c00);background-size:300%;animation:color 12s ease-in-out infinite;color:#fff}@keyframes color{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root{height:100%;width:100%;padding:0;margin:0}.footer{width:100%;height:30px}*{scrollbar-width:thin}*::-webkit-scrollbar{width:12px}