#root{--bg:#000;--sub:#b4b4b4;--main:#fff}*{color:#b4b4b4;z-index:0;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}body{background:#000}.hero-intro{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:40px clamp(16px,4vw,100px);width:100%;margin-left:8%;padding:clamp(24px,3vw,140px);display:flex}.hero-intro>div:first-child{flex:auto;min-width:0;margin-left:clamp(16px,4vw,100px);margin-right:clamp(16px,4vw,100px)}.hero-h1{font-optical-sizing:auto;letter-spacing:-.02em;color:var(--main);max-width:800px;font-family:Clash Display,sans-serif;font-size:clamp(30px,10vw,200px);font-style:italic;font-weight:900}.hero-p{padding:10px;font-size:clamp(13px,3.5vw,40px);font-weight:200}.highlight{color:var(--main);font-family:Clash Display,sans-serif;font-style:italic;font-weight:900}.hero{background:radial-gradient(at bottom,#030405 0%,#000 100%);align-items:center;width:100%;min-height:100dvh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.hero-fetch{margin-left:8%;display:flex}.buttons{background:#111;gap:6px;height:8%;margin:0;padding:clamp(3px,.8vw,7px) clamp(3px,.8vw,7px) 0;font-size:clamp(10px,1.4vw,22px);display:flex}.hero-fetch{background:#0b0b0b;border:3px solid #111;flex:none;width:clamp(210px,35vw,1080px);max-width:30vw;margin:0;padding:0;transition:all .1s ease-in-out;display:block;box-shadow:1px 8px #1d1d1d}.hero-fetch:hover{box-shadow:18px 9px #1d1d1d}.term-content{padding:20px}.term-body{align-items:center;gap:15px;display:flex}.term-title{white-space:nowrap;text-align:center;box-sizing:border-box;background:#1a1a1a;border:1px solid #b4b4b4;border-bottom:none;width:100%;max-width:clamp(110px,22vw,520px);margin:0 clamp(8px,3vw,40px) 0 clamp(6px,1.5vw,18px);padding:3px 6px 0;font-size:clamp(9px,1.4vw,22px);display:block}.term-content{box-sizing:border-box;width:100%;margin:0 clamp(8px,3vw,40px) 0 clamp(6px,1.5vw,18px);display:flex}.term-input{margin:10px 5px 5px;font-family:JetBrains Mono,DejaVu Sans Mono,Courier New,monospace;font-size:clamp(10px,2.2vw,25px);font-weight:400}.term-info{font-size:clamp(9px,1.6vw,24px);display:block}.profile-picture{width:clamp(50px,10vw,420px);height:clamp(50px,10vw,420px)}.informations{background:#000;border-top:1px solid #fff;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:30px;display:flex}.info-card{text-align:left;align-items:center;gap:20px;width:min(90%,500px);max-width:500px;margin:clamp(24px,6vw,100px) clamp(24px,6vw,100px) clamp(24px,6vw,100px) 10%;padding:20px;display:block}.info-card:hover{transition:all .3s ease-in-out;box-shadow:0 0 4px #fff}.skill{margin:10px;font-size:clamp(30px,5vw,50px);display:inline-block;position:relative}.skill .toast{visibility:hidden;opacity:0;color:#fff;text-align:center;white-space:nowrap;pointer-events:none;z-index:10;border-radius:6px;padding:6px 12px;font-size:15px;transition:opacity .3s,transform .3s,visibility .3s;position:absolute;bottom:-60%;left:50%;transform:translate(-50%)translateY(10px)scale(.95)}.skill:hover .toast{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)scale(1)}.info-title{text-align:center;background-image:radial-gradient(#fff 0%,#000 50%);background-position:bottom;background-repeat:no-repeat;background-size:100% 1px;border-bottom:none;padding:5px;font-family:Clash Display,sans-serif;font-weight:500}.info-description{text-align:left;margin-top:10px;font-size:18px;font-weight:400;line-height:1.5}.info-ascii{align-items:center;max-width:min(420px,50vw);height:auto;margin-top:30px;margin-left:clamp(16px,6vw,100px)}.projects{background:#000}.projects-title{text-align:center;background-image:radial-gradient(#fff 0%,#000 50%);background-position:bottom;background-repeat:no-repeat;background-size:100% 1px;border-bottom:none;padding:15px;font-family:Clash Display,sans-serif;font-size:clamp(28px,6vw,60px);font-weight:500}.projects-description{text-align:center;margin-top:10px;padding:0 6%;font-size:clamp(16px,3vw,30px);font-weight:400;line-height:1.5}.project-card{text-align:left;border:1px solid #fff;align-items:center;width:min(90%,500px);max-width:500px;margin-top:50px;padding:20px 20px 40px;transition:all .3s ease-in-out;display:block}.project-card:hover{border:1px solid #2f2f2f;transition:all .3s ease-in-out}.projects-grid{flex-wrap:wrap;justify-content:center;gap:clamp(24px,8vw,150px);margin-top:20px;display:flex}.project-title{text-align:left;border-bottom:none;padding:10px;font-family:Clash Display,sans-serif;font-size:clamp(24px,5vw,50px);font-weight:500}.project-title2{text-align:left;border-bottom:none;padding:10px;font-family:Clash Display,sans-serif;font-size:clamp(18px,3.2vw,32px);font-weight:500}.project-description{text-align:left;background-image:radial-gradient(#fff 0%,#000 50%);background-position:top;background-repeat:no-repeat;background-size:100% 1px;border-bottom:none;padding:5px;font-weight:500}.project-button{text-align:center;cursor:pointer;background:#000;border:1px solid #fff;margin-top:10px;padding:10px 20px;font-size:16px;text-decoration:none;transition:all .2s ease-in-out;display:inline-block}.project-button:hover{color:#000;background:#fff;transition:all .2s ease-in-out}.project-card-header{align-items:center;display:flex}.project-image{width:100px;height:auto;margin-bottom:10px;transition:all .2s ease-in-out}.project-image:hover{transition:all .2s ease-in-out;transform:rotate(1.05deg)}.contacts{border-top:1px solid #fff;margin-top:100px;display:block}.contacts-title{text-align:center;font-family:Clash Display,sans-serif;font-size:clamp(28px,6vw,60px);font-weight:500}.contacts-description{text-align:center;cursor:pointer;background:0 0;border:none;margin:0 auto;padding:0 6%;font-size:clamp(16px,3vw,30px);font-weight:400;line-height:1.5;transition:transform .3s ease-in-out;display:block;transform:skew(0)}.contacts-description2{text-align:left;cursor:pointer;background:0 0;border:none;margin:0 auto 0 10%;padding:20px;font-size:clamp(16px,3vw,30px);font-weight:400;line-height:1.5;display:block}.contacts-description:hover{transform:skew(-10deg)}.contact-card{margin-left:10%}.contact-button{color:#fff;cursor:pointer;background:0 0;border:none;padding:10px;font-size:clamp(24px,4vw,40px);transition:all .2s ease-in-out}.contact-button:hover{transition:all .2s ease-in-out;transform:translateY(-3px)}.socials{text-align:left;background-image:radial-gradient(at 0,#fff 0%,#000 20%);background-position:bottom;background-repeat:no-repeat;background-size:100% 1px;border-bottom:none;margin-left:10%;padding:15px;font-family:Clash Display,sans-serif;font-size:clamp(28px,6vw,60px);font-weight:500}.convearn-button{color:#fff;cursor:pointer;background:0 0;border:none;font-family:Clash Display,sans-serif;font-size:clamp(18px,3vw,30px);font-weight:800}#stars,#stars2,#stars3{pointer-events:none;background-repeat:repeat;width:100%;height:100%;position:absolute;inset:0}#stars{background-image:radial-gradient(1px 1px at 20px 30px,#fff 100%,#0000),radial-gradient(1px 1px at 90px 120px,#fff 100%,#0000),radial-gradient(1px 1px at 150px 60px,#fff 100%,#0000),radial-gradient(1px 1px at 50px 170px,#fff 100%,#0000),radial-gradient(1px 1px at 180px 190px,#fff 100%,#0000),radial-gradient(1px 1px at 10px 100px,#fff 100%,#0000),radial-gradient(1px 1px at 130px 10px,#fff 100%,#0000);background-size:200px 200px;animation:6s linear infinite starsDrift1}#stars2{background-image:radial-gradient(2px 2px at 40px 60px,#fff 100%,#0000),radial-gradient(2px 2px at 160px 40px,#fff 100%,#0000),radial-gradient(2px 2px at 100px 220px,#fff 100%,#0000),radial-gradient(2px 2px at 250px 130px,#fff 100%,#0000),radial-gradient(2px 2px at 30px 270px,#fff 100%,#0000);background-size:300px 300px;animation:16s linear infinite starsDrift2}#stars3{background-image:radial-gradient(3px 3px at 60px 80px,#fff 100%,#0000),radial-gradient(3px 3px at 220px 60px,#fff 100%,#0000),radial-gradient(3px 3px at 140px 300px,#fff 100%,#0000),radial-gradient(3px 3px at 340px 200px,#fff 100%,#0000);background-size:400px 400px;animation:32s linear infinite starsDrift3}#title{color:#fff;text-align:center;letter-spacing:10px;opacity:0;margin-top:-60px;padding-left:10px;font-family:lato,sans-serif;font-size:50px;font-weight:300;animation:1.2s ease-out forwards introFadeUp;position:absolute;top:100%;left:0;right:0;transform:translateY(30px)}#title span{background:-webkit-linear-gradient(#fff,#38495a);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes starsDrift1{0%{background-position:0 0}to{background-position:0 -200px}}@keyframes starsDrift2{0%{background-position:0 0}to{background-position:0 -300px}}@keyframes starsDrift3{0%{background-position:0 0}to{background-position:0 -400px}}@keyframes introFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}*,:before,:after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body,img,.skill,.project-button,.contact-button,.convearn-button,.hero-fetch,.info-card,.project-card{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}img{pointer-events:none}.info-card,.project-card,.skill{opacity:0;transition:opacity 1.3s cubic-bezier(.16,1,.3,1),transform 1.3s cubic-bezier(.16,1,.3,1);transform:translateY(40px)scale(.96)}.info-card.in-view,.project-card.in-view,.skill.in-view{opacity:1;transform:translateY(0)scale(1)}.hero-fetch{will-change:transform;transition:all .1s ease-in-out}.site-footer{background:#000;border-top:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding:40px 8%;display:flex}.footer-name{color:var(--main);font-family:Clash Display,sans-serif;font-size:18px;font-weight:600}.footer-love{color:var(--sub);align-items:center;gap:6px;font-size:16px;display:flex}@media (width<=1300px){.info-card{scale:1.2!important}}@media (width<=1000px){.info-card{scale:1!important}.hero-intro{margin-left:4%}}@media (width<=560px){.hero-intro{margin-left:3%;padding:16px}}@media (width<=700px){.info-ascii{display:none}.socials,.contacts-description2,.contact-card{margin-left:6%}.informations{padding:0 4%}.site-footer{text-align:center;flex-direction:column;gap:10px;padding:30px 6%}}@media (width<=420px){.project-image{width:70px}}