@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}html{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}:root{--color-white: white;--color-black: black;--color-main: rgb(57, 211, 57);--color-main-actif: rgb(57, 211, 57);--color-main-disable: rgb(117, 193, 117);--color-textbg-black: black;--color-textbg-white: #515151;--color-textbg-transparent: #51515100;--color-textbg-main: var(--color-main);--color-bg1: #6c00a2;--color-bg2: #001152;--color1: 18, 113, 255;--color2: 221, 74, 255;--color3: 100, 220, 255;--color4: 200, 50, 50;--color5: 180, 180, 50;--color-interactive: 140, 100, 255;--circle-size: 80%;--blending: hard-light}body{margin:0;font-family:monospace;color:#fff;background-color:var(--color-black);font-family:Poppins,sans-serif;overflow-x:hidden;height:100vh;overflow-y:scroll}.pixelify{font-family:Pixelify Sans,sans-serif}li,a{text-decoration:none;list-style-type:none;color:#fff}a{cursor:pointer}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-justify-center{justify-content:center}.flex-align-center{align-items:center}section{width:100%;min-height:100vh;margin:10vh 0px;padding:10vh 0px}header{height:max-content;display:none;width:100vw;background:var(--color-black);z-index:100}header nav{position:fixed;width:100vw;font-size:1.2em;border-bottom:1px solid white;background:var(--color-black);z-index:100;top:0}header nav li{margin:8px 20px}header nav li a:hover{color:var(--color-white)}header nav li a:hover{color:var(--color-main)}.prompt{opacity:1;transform:translateY(3%);-moz-animation:prompt .5s .5s infinite;-webkit-animation:prompt .5s .5s infinite;-o-animation:prompt .5s .5s infinite;animation:prompt .5s .5s infinite}@keyframes prompt{0%{opacity:0}to{opacity:1}}.background{position:fixed;display:none;bottom:0;left:0;z-index:-1;height:100vh;width:auto;color:var(--color-black)}.transitioned-element{text-align:center;font-size:1em;transition:color 1s;line-break:anywhere}.text-container{display:flex;justify-content:flex-end;align-items:last baseline;height:auto;width:100vw}.glitched-text{color:var(--color-textbg-white)}.cursor-background{position:fixed;margin:30px 0 0 30px;width:100vw;height:100vh;background-image:url(https://dl.dropbox.com/scl/fi/w8hd6jr4skch6x3zyfewh/black.jpg?rlkey=260s3vvvbvk9nnr0zpg8csnjc&dl=0);background-size:cover;background-position:center;background-attachment:fixed;z-index:5;transition:all ease-out .12s}.image-cursor{position:fixed;top:0;left:0;margin:-30px 0 0 -30px;width:60px;height:60px;border-radius:100%;transition:all ease-out .12s;box-shadow:0 0 8px #111;overflow:hidden;opacity:0;z-index:5}.loading{z-index:100;position:fixed;background:var(--color-black)}.loading .avatar{margin:20px}.loading .avatar svg{width:55px;height:auto}.loading .input .value{margin:5px;border:1px solid;padding:5px;width:150px;height:1.5em;background:black}.loading .signin{text-align:center;padding:3px;margin:3px;background:var(--color-main-disable)}.bannerheader .title{position:absolute;bottom:0;font-size:22vw;width:100vw;text-align:center;display:flex;justify-content:center;overflow:visible;height:40vh}@media (orientation: landscape){.transitioned-element{font-size:1em}}section.bannerheader,section.skills,section.aboutme,section.projects,section.contact{display:none}section.skills,section.aboutme,section.projects,section.contact{background:var(--color-black)}.aboutme{height:100vh;width:100vw}.aboutme .parent{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:0px;grid-row-gap:0px;height:75%;width:100%;margin:30px}.aboutme .parent>div{outline:1px solid white;margin:10px}.aboutme .div1{grid-area:1 / 1 / 2 / 6}.aboutme .descriptifs{grid-area:2 / 1 / 6 / 3}.aboutme .descriptifs span p{margin-left:10px}.aboutme .descriptifs h1{padding:5px 10px}.aboutme .div3{grid-area:2 / 3 / 6 / 6}.full{height:100vh;width:100vw}.marquee{overflow:hidden}.marquee__inner{display:inline-flex;position:relative;white-space:nowrap;height:100%;font-size:xx-large;background:var(--color-white);color:var(--color-textbg-black)}.marquee__item{position:relative;display:flex;align-items:center;margin-right:var(--space-lg)}section.skills{min-height:100vh;width:100vw;flex-direction:column;justify-content:center;align-items:center}section.skills .listItems{height:100%;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}section.skills .listItems .item{width:150px;border:1px solid white;margin:20px;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}section.skills .listItems .item>img{height:auto;width:100%}section.skills .listItems .item>.title{font-size:larger}section.skills .listItems .item>.details{font-size:smaller}section.projects{flex-direction:column;justify-content:center;min-height:100vh}section.projects>.listItem{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:flex-end;width:100%}section.projects .listItem>.item{border:0px;padding:10px;width:100%;display:flex}section.projects .listItem>.item>span{width:20%}section.projects .listItem>.item>span.more{cursor:pointer;text-align:end}section.projects .listItem>h1{width:100%}section.projects .listItem>.item .title{font-size:18px;padding:0 15px}section.projects .listItem>.item .type{font-weight:initial;font-size:10px;padding:0 15px;text-align:center}section.projects .listItem>.item .descr{padding:0 15px;font-size:14px}section.projects .popupInfo{background-color:var(--color-black);border:1px solid white;display:none;position:fixed;height:max-content;width:50vw;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;padding:10px;align-items:center}section.projects .popupInfo img{width:60px;height:auto;padding:25px}section.projects .popupInfo .close{margin-bottom:10px;cursor:pointer;position:absolute;left:5px}section.projects .popupInfo .title{padding:10px}section.projects .popupInfo .body{padding:20px}section.contact{flex-direction:column;justify-content:center;align-items:center;justify-content:space-evenly;min-height:95vh;margin:0}section.contact>a.sendMail{margin-bottom:40px}section.contact .networks{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100%}section.contact .networks img{width:50px;height:50px}.buttonHoverUnderline{background-image:linear-gradient(var(--color-white) 0 0);background-size:200% .08em;background-position:200% 100%;background-repeat:no-repeat;transition:background-position .3s .3s}.buttonHoverUnderline:hover{transition:background-position .3s;background-position:100% 100%}.buttonHoverUnderlineFull{background-image:linear-gradient(var(--color-white) 0 0);background-size:200% 100%;background-position:0% 100%;background-repeat:no-repeat;transition:background-size .3s,background-position .3s .3s}.buttonHoverUnderlineFull:hover{transition:background-size .3s .3s,background-position .3s;background-size:200% 100%;background-position:100% 100%;color:var(--color-black)}.buttonHoverBottomFull{background:linear-gradient(0deg,rgb(255,255,255),rgb(255,255,255)) no-repeat right bottom / 0 var(--bg-h);transition:background-size .35s;--bg-h: 100%;transition:all 1s}.buttonHoverBottomFull:where(:hover,:focus-visible){background-size:100% var(--bg-h);background-position-x:left;color:var(--color-black);transition:all 1s}#matrixbg{position:fixed;height:100vh;width:100vw;z-index:-2;top:0}