@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Libre+Barcode+39&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.scanlines{position:fixed;top:0;left:0;bottom:0;right:0;margin:0;padding:0;overflow:hidden;z-index:100;pointer-events:none}.scanlines:before,.scanlines:after{display:block;pointer-events:none;content:"";position:absolute}.scanlines:before{width:100%;height:2px;z-index:2147483649;background:#0000004d;opacity:.75;animation:scanline 6s linear infinite}.scanlines:after{top:0;right:0;bottom:0;left:0;z-index:2147483648;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.3) 51%);background-size:100% 4px;animation:scanlines 1s steps(60) infinite}@keyframes scanline{0%{transform:translate3d(0,200000%,0)}}@keyframes scanlines{0%{background-position:0 50%}}.jpg{background:url(https://pompompom.mehdi.cc/crt-art-for-scanlines.jpg) no-repeat;background-size:cover}@keyframes open{0%{transform:scale(0);opacity:.6}50%{opacity:0}to{transform:scale(1);opacity:1}}@keyframes openFlash{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes openBefore{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes openHorizontal{0%{transform:scaleX(.5) scaleY(0);opacity:0}10%{transform:scaleX(.5) scaleY(1)}20%{opacity:1}40%{opacity:.6}80%{transform:scaleX(.5)}to{transform:scaleX(1);opacity:1}}@keyframes openVertical{0%{transform:scaleX(0) scaleY(.4);opacity:0}20%{transform:scaleX(1) scaleY(.4);opacity:1}40%{opacity:.6}80%{transform:scaleY(.4)}to{transform:scaleY(1);opacity:1}}.animate-open{--delay: 0;animation:open .15s ease-out backwards;animation-delay:var(--delay);transform:scale(1)}.animate-open:before{content:"";pointer-events:none;display:block;background-color:#bfccd9;position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;animation:openBefore .35s linear;animation-delay:var(--delay);opacity:0}.animate-open.horizontal{animation:openHorizontal .4s ease-out backwards;animation-delay:var(--delay)}.animate-open.horizontal:before{animation:openBefore .5s linear;animation-delay:var(--delay)}.animate-open.vertical{animation:openVertical .4s ease-out backwards;animation-delay:var(--delay)}.animate-open.vertical:before{animation:openBefore .5s linear;animation-delay:var(--delay)}.animate-open.flash{animation:openFlash .15s ease-out backwards;animation-delay:var(--delay)}.animate-open.flash:before{animation:openBefore .35s linear;animation-delay:var(--delay)}@keyframes jitter{0%{opacity:1}15%{opacity:.4}30%{opacity:1}45%{opacity:0}60%{opacity:1}75%{opacity:0}90%{opacity:1}to{opacity:.7}}.jitter{animation:jitter .5s linear;animation-delay:var(--delay);opacity:1}@keyframes hoverFlash{0%{background-color:#fff0;filter:blur(0)}50%{background-color:#fff;filter:blur(3px)}to{filter:blur(0);background-color:#fff0}}.window{margin:1rem;width:30rem;position:relative;top:.5rem;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;border:1px solid white;border-width:2px 0 0 2px;-webkit-user-select:none;user-select:none}.window .border-bottom{height:1px;z-index:6!important}.window .border-right{width:1px;z-index:6!important}.window .menu{font-size:.9rem;display:flex;align-items:stretch;gap:1rem;padding:0 .5rem;opacity:.9;background:linear-gradient(90deg,var(--color-bg-1) 0%,var(--color-bg-1) 80%,rgb(255,255,255) 100%)}.window .menu li{font-weight:700;text-shadow:1px 1px #333;padding:.3rem}.window .menu li .inner:not(.disabled):hover{cursor:pointer;animation:hoverFlash .2s ease-in-out}.window .menu li .inner.disabled{opacity:.8}.window nav{font-size:.9rem;padding:.2rem .5rem;display:flex;justify-content:stretch;background-color:var(--color-bg-2);color:#000;font-weight:700;text-shadow:none;cursor:grab;border-top:3px solid white;border-bottom:3px solid #21252c}.window nav:active{cursor:grabbing}.window nav .dimple{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.window nav .dimple div{width:5rem;height:0;border-top:2px solid white;border-bottom:2px solid #21252c;border-left:2px solid white;border-right:2px solid #21252c;margin:.12rem;border-radius:2px}.window .body{max-height:30rem;flex:1;overflow-y:auto;z-index:5;background-color:#0000004d;-webkit-user-select:text;user-select:text}.window .body .project img.preview{cursor:pointer}.window .body .project .screenshot-info{pointer-events:none;position:absolute;background:linear-gradient(180deg,#4c667e00,#4c667ecc 50%);padding:1.4em .8em .4em;z-index:10;top:6em;left:6em}.window .body .project .screenshot-info:before{content:"";display:block;border-bottom:2px solid white;position:absolute;width:4em;left:-4em;bottom:0;transform-origin:bottom right;transform:rotate(45deg)}.window .body .project .screenshot-info:after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(270deg,#fff0,#fff)}.window .body .profile,.window .body .project,.window .body .contact{padding:1rem;height:fit-content!important;font-size:1.1rem}.window .body .profile p,.window .body .project p,.window .body .contact p{margin:1.5rem 0;word-wrap:break-word}.window .body .profile a,.window .body .project a,.window .body .contact a{color:#fff;font-weight:600}.window .body .profile li,.window .body .project li,.window .body .contact li{margin-bottom:1rem;margin-left:1rem}.window .body .profile img,.window .body .profile .video-embed,.window .body .project img,.window .body .project .video-embed,.window .body .contact img,.window .body .contact .video-embed{width:20rem;margin:1rem 3rem 2rem 1rem;border-color:#fff;border-style:solid;border-width:0 2px 1px 0;float:left;filter:saturate(.2);-webkit-user-select:none;user-select:none;position:relative;z-index:1}.window .body .profile .video-embed,.window .body .project .video-embed,.window .body .contact .video-embed{aspect-ratio:16/9;width:90%}.window .body .profile .tech,.window .body .project .tech,.window .body .contact .tech{padding:.5rem 1rem;border-left:2px solid white;font-weight:600;position:relative;background:linear-gradient(270deg,#4c667e00,#4c667eb3)}.window .body .profile .tech:after,.window .body .project .tech:after,.window .body .contact .tech:after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(270deg,#fff0,#fff)}.window .body .face{width:17rem;margin:2rem 3rem 2rem 2rem;padding:0;aspect-ratio:1;border-color:#fff;border-style:solid;background-image:url(/img/face2.png);background-size:cover;opacity:.9;image-rendering:pixelated;float:left}.window .body .face .barcode{font-size:2.5rem;text-shadow:none}@keyframes redFlash{0%{color:#fff;filter:none}50%{color:red;transform:translate(var(--hover-offset));filter:blur(2px)}to{color:#fff;filter:none}}.projects{border:2px solid black;border-width:2px 0 0 2px;background-color:#0000004d;display:flex;flex-direction:column;align-items:stretch;padding:.5rem;margin:1rem}.projects .border-bottom{background:linear-gradient(270deg,#0000,#000)}.projects .border-right{background:linear-gradient(0,#0000,#000)}.projects .title{font-weight:700;-webkit-user-select:none;user-select:none}.projects .list{flex:1;margin:2rem 1rem 1rem;padding-bottom:4rem;padding-right:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;align-content:start}.projects .list .item{display:flex;height:fit-content;cursor:pointer;image-rendering:pixelated}.projects .list .item .image-container{height:6rem;aspect-ratio:1;margin-right:1rem;background-color:#000}.projects .list .item .image-container .image{background-image:var(--img-src);background-size:cover;width:100%;height:100%;border:2px solid black}.projects .list .item .details{display:flex;flex-direction:column;justify-content:flex-end}.projects .list .item .details .title{color:red;font-weight:900;margin-bottom:.5rem}.projects .really-small-text{text-align:right;color:#000;margin:.2rem}.loading{position:fixed;-webkit-user-select:none;user-select:none;background-color:#0000004d;clip-path:polygon(0 0,85% 0,100% 25%,100% 100%,0 100%);border-left:2px solid white;padding:.4rem;bottom:0;left:0}.loading .text-above{font-weight:900;font-size:.8rem}.loading .bar{height:.4rem;margin:.1rem 0;width:8rem;background-color:var(--color-bg-2-dark);border-bottom:2px solid white;border-top:2px solid #21252c;border-right:2px solid white;border-left:2px solid #21252c}.loading .bar:before{content:"";display:block;height:100%;width:100%;transition:transform .1s ease-out;transform:scaleX(var(--loaded));border-top:2px solid white;border-bottom:2px solid #21252c;border-left:2px solid white;border-right:2px solid #21252c;position:relative;top:-2px;left:-2px;background-color:var(--color-bg-2)}.loading .text-below{font-size:.7rem}#consent{position:fixed;top:0;bottom:0;right:0;left:0;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}#consent h1,#consent p{font-size:1.2rem;margin:1rem;text-align:center}#consent h1{font-weight:600}#consent .agree{font-size:1.3rem;margin-top:2rem;padding:1rem;text-decoration:underline;cursor:pointer;color:red;font-weight:600}#consent .flags{margin-top:4rem;display:flex;gap:.5rem}#consent .flags .lang-flag{height:20px;cursor:pointer;image-rendering:pixelated;border:2px solid rgba(0,0,0,0)}#consent .flags .lang-flag.active{border:2px solid red}.desktop-icon{opacity:.9;position:relative;width:fit-content;-webkit-user-select:none;user-select:none;margin:1rem}.desktop-icon .wrapper{display:flex;flex-direction:column;align-items:center;width:fit-content;padding:.5rem;cursor:pointer}.desktop-icon .wrapper .img{width:4rem;aspect-ratio:1;background-image:var(--img-src);background-size:cover;image-rendering:pixelated}.desktop-icon .wrapper .text{padding:.1rem .2rem;font-weight:700;text-shadow:none}@keyframes skew{0%{transform:skew(10deg)}to{transform:none}}@keyframes opacity{0%{opacity:1}to{opacity:0}}.screenshots{cursor:pointer;position:fixed;background-color:#0006;z-index:99;top:0;left:0;right:0;bottom:0;opacity:0;pointer-events:none}.screenshots.open{opacity:1;pointer-events:initial}.screenshots .image{position:absolute;--m: 4em;top:var(--m);left:var(--m);right:var(--m);bottom:calc(var(--m) + 4em)}.screenshots .image.animate{animation:skew .25s ease-out forwards}.screenshots .image.animate:after{animation:opacity .4s ease-out forwards}.screenshots .image:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:0}.screenshots img{width:100%;height:100%;object-fit:contain;background-repeat:no-repeat}.screenshots .next-previous-buttons{position:absolute;left:0;right:0;bottom:0}.next-previous-buttons{display:flex;justify-content:center;margin-bottom:1em;gap:1em}.next-previous-buttons.darkened button{background:radial-gradient(rgba(0,0,0,.8),transparent)}.next-previous-buttons button{opacity:0;background:none;border:none;color:#fff;font-family:Rift;font-size:1.1em;font-weight:500;padding:.8em;position:relative;z-index:10;--hover-offset: .1em}.next-previous-buttons button:first-child{--hover-offset: -.1em}.next-previous-buttons button.enabled{opacity:1;cursor:pointer}.next-previous-buttons button.enabled:hover,.next-previous-buttons button.enabled:active{animation:redFlash .2s linear}@font-face{font-family:Rift;src:url(/font/The\ Rift.otf)}:root{font-family:Rift,Orbitron,sans-serif;font-optical-sizing:auto;--color-bg-1: #4c667e;--color-bg-2: #b4bbc6;--color-bg-2-dark: #949aae;--color-wine: #af0708;--scrollbar-width: 23px;color:#fff;text-shadow:2px 2px 2px #333}body{overflow-x:hidden}*{line-height:1.1!important}@keyframes bgFlash{0%{filter:invert(100%)}to{filter:invert(0)}}#bg{--zoom: -10px;position:fixed;top:var(--zoom);right:var(--zoom);bottom:var(--zoom);left:var(--zoom);background-image:url(/img/aquarium2.jpg);background-size:cover;image-rendering:pixelated;animation:bgFlash .5s linear}::-webkit-scrollbar{width:var(--scrollbar-width);border:1px solid black}::-webkit-scrollbar-track{background:var(--color-bg-2-dark);border-bottom:3px solid white;border-top:3px solid #21252c;border-right:3px solid white;border-left:3px solid #21252c}::-webkit-scrollbar-button{border-top:3px solid white;border-bottom:3px solid #21252c;border-left:3px solid white;border-right:3px solid #21252c;background-color:var(--color-bg-2);background-image:url(/img/up_arrow.png);background-size:contain;height:var(--scrollbar-width)}::-webkit-scrollbar-button:vertical:increment{background-image:url(/img/down_arrow.png)}::-webkit-scrollbar-thumb{background-color:var(--color-bg-2);background-image:url(/img/scrollbar-thumb.png);background-size:contain;background-repeat:no-repeat;background-position:center;border-top:3px solid white;border-bottom:3px solid #21252c;border-left:3px solid white;border-right:3px solid #21252c}::selection{background-color:#fff;color:#000;text-shadow:none}.basic-panel{padding:2rem;margin:1rem;background:linear-gradient(270deg,#4c667e00,#4c667eb3);border-color:#fff;border-style:solid;border-width:0 0 0 3px;max-width:50rem;position:relative}.basic-panel:after{content:"";display:block;position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(270deg,#fff0,#fff)}.basic-panel h1{font-size:1.4rem;font-weight:700}.basic-panel.right{border-width:0 2px 0 0;position:relative}.basic-panel.right:after{height:1px;top:calc(100% - 1px);background:linear-gradient(90deg,#fff0,#fff)}.really-small-text{-webkit-user-select:none;user-select:none;opacity:.7;font-size:.3rem;position:fixed;bottom:.2rem;right:.4rem;width:10rem}.really-small-text>*{padding:.1rem 0}.really-small-text h1{font-weight:700;font-size:.35rem}.really-small-text .barcode{margin-top:.5rem}.small-text-left{position:fixed;left:.2rem;bottom:10vh;width:20rem;mix-blend-mode:darken;color:#000}.barcode{font-family:"Libre Barcode 39",system-ui;font-size:2rem;-webkit-user-select:none;user-select:none}.dummy-source{-webkit-user-select:none;user-select:none;pointer-events:none;position:fixed;top:0;right:0;bottom:30vh;width:30rem;overflow:hidden;z-index:0;opacity:.1;font-weight:900}.dummy-source pre{position:absolute;bottom:0;font-size:.9rem}@keyframes shake{0%{transform:translate(0) translateY(0);filter:blur(0)}50%{filter:blur(4px)}to{transform:translate(-.2rem) translateY(-.2rem);filter:blur(0)}}@keyframes extraShake{0%{transform:translate(0) translateY(0);filter:blur(0) invert(0)}50%{filter:blur(4px) invert(100%)}to{transform:translate(-.2rem) translateY(-.2rem);filter:blur(0) invert(0)}}.hover-shake:hover{animation:shake .2s cubic-bezier(0,-1.32,.9,2.07) forwards}.hover-shake:active{filter:blur(4px) invert(100%)!important}@media screen and (max-width: 1530px){.side-by-side{width:100%!important}}@media screen and (max-width: 1000px){.dummy-source{width:10rem}.dummy-source pre{font-size:.4rem}}@media screen and (max-width: 550px){.face{width:13rem!important;margin-right:1rem!important}.profile img,.profile .video-embed,.crimes img,.crimes .video-embed{width:100%!important;margin:0 0 1rem!important}.window .menu li{padding:.3rem 0rem}}@media screen and (max-width: 365px){.projects{margin-left:.2rem;margin-right:.3rem}.projects .list{margin-left:0;margin-right:0}:root{--scrollbar-width: 16px}}.side-by-side{padding-bottom:4rem;display:flex;justify-content:stretch;align-items:flex-end;flex-wrap:wrap-reverse;width:80%}.side-by-side>*{flex:1}.side-by-side .icon-container{display:flex;justify-content:flex-end}.blur-bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}b{font-weight:800}.border-bottom{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(270deg,#fff0,#fff)}.border-right{position:absolute;bottom:0;top:0;right:0;width:2px;background:linear-gradient(0,#fff0,#fff)}