@font-face{font-family:ABCGinto;src:local("ABCGinto"),local("ABCGinto-Regular"),url("../fonts/ABCGintoNormalVariable.woff2") format("woff2")}@font-face{font-family:"Brittany Signature";font-style:normal;font-weight:400;src:local("Brittany Signature"),url("../fonts/BrittanySignature-LjyZ.woff") format("woff")}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--bg-color:#141414;--text-color:#d4d4d4}::selection{color:#fff;background:#5479fd}::-moz-selection{color:#fff;background:#5479fd}body,html{background-color:var(--bg-color);color:var(--text-color);padding:0;margin:0;font-family:ABCGinto,ABCGinto-Regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;height:100%}.background-blur{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("../images/background.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(90px) brightness(.25) saturate(110%);z-index:0}.container{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box}.description{color:var(--text-color);font-size:1.3rem;text-align:center;margin:1.5rem 0;text-decoration:none}.copyright{position:fixed;bottom:10px;left:10px;font-size:.8rem;color:#888;z-index:2}.footer-watermark{position:fixed;bottom:1rem;right:1rem;font-size:1.1rem;color:#888;font-family:"Brittany Signature",sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}.layout{min-height:100vh;display:flex;gap:2rem;padding:2rem;box-sizing:border-box;position:relative;z-index:1}.sidebar{width:320px;flex:0 0 320px;display:flex;flex-direction:column;gap:1rem;position:sticky;top:2rem;align-self:flex-start;max-height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden}.sidebar-right{width:320px;flex:0 0 320px}.avatar{width:160px;height:160px;border-radius:5%;object-fit:cover;border:2px solid #2a2a2a}.username{margin:0;font-size:1.35rem}.email{color:var(--text-color);text-decoration:none}.email:hover{text-decoration:underline}.socials{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.socials li a{color:var(--text-color);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:8px;transition:background .2s ease,transform .2s ease}.socials li a:hover{background:rgba(255,255,255,.205);transform:translateX(4px);text-decoration:none}.socials .icon{width:18px;height:18px;display:inline-block}.socials a:hover{text-decoration:underline}.buymeacoffee{opacity:90%;transition:transform .2s ease}.buymeacoffee:hover{text-decoration:none;transform:translateX(4px)}.content{max-width:1100px;width:100%;margin:0 auto}.projects{list-style:none;padding:0;margin:1rem 0 0 0;display:grid;grid-template-columns:1fr;gap:1rem}.project{padding:1rem;border:1px solid #2a2a2a;border-radius:8px;background:rgba(61,61,61,.1);display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:1rem;box-shadow:0 0 20px 0 rgba(255,255,255,0);transition:border .2s ease,background .2s ease,box-shadow .2s ease;animation:fadeInUp .4s ease-out forwards;opacity:0}.project:hover{background:rgba(112,112,112,.2);border:.11rem solid #535353;box-shadow:0 0 20px 0 rgba(255,255,255,.1)}.project-logo img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#1d1d1d;border:1px solid #2a2a2a;box-shadow:0 0 20px 0 rgba(255,255,255,0);transition:border .2s ease,box-shadow .2s ease}.project:hover .project-logo img{box-shadow:0 0 10px 0 rgba(255,255,255,.1);border:.12rem solid #494949}.project-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.project-title{margin:0;font-size:1rem}.project-date{margin:0;font-size:.75rem;color:#a8a8a8}.project-desc{margin:0;color:#a8a8a8;font-size:.95rem;padding-right:1rem}.project-actions{display:flex;align-items:center}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .9rem;border-radius:6px;background:#8d8d8d49;color:var(--text-color);text-decoration:none;font-weight:600;transition:transform 80ms ease,background .2s ease,border-color .2s ease}.btn::after{content:"→";display:inline-block;margin-left:.2em}.btn:hover{background:#cccccc6e}.btn:active{transform:translateY(1px)}.btn.disabled{pointer-events:none;cursor:not-allowed;opacity:.5;text-decoration:none;font-size:0;gap:0}.btn.disabled:hover{background:#8d8d8d49;transform:none}.btn.disabled:active{transform:none}.btn.disabled::after{display:none}.btn.disabled::before{content:"Bientôt";display:inline-block;font-size:1rem;font-weight:600}.avatar,.btn,.buymeacoffee,.copyright,.project-logo,.socials{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:1325px),(max-height:565px){.description{font-size:1.1rem}.copyright{position:static;width:100%;text-align:center}.footer-watermark{position:static;width:100%;text-align:center;margin-top:.8rem;padding-bottom:1rem}footer{display:flex;flex-direction:column;align-items:center;padding-bottom:2rem}.footer-watermark{order:0}.copyright{order:1}.layout{flex-direction:column;gap:1.5rem;padding:1.25rem}.sidebar{width:100%;flex:0 0 auto;align-items:center;text-align:center;position:static;max-height:none;overflow-y:visible}.sidebar-right{display:none}.avatar{width:120px;height:120px}.project{grid-template-columns:48px 1fr}.project:hover{background:rgba(112,112,112,.2);border:1px solid #535353;box-shadow:0 0 20px 0 rgba(255,255,255,.1)}.project:hover .project-logo img{box-shadow:0 0 10px 0 rgba(255,255,255,.1);border:1px solid #494949}.project-title{padding-left:.5rem;padding-right:0}.project-desc{padding-left:.5rem;padding-right:0}.project-actions{grid-column:1/-1}.btn{width:100%}.btn::after{display:none}.socials{flex-direction:row;justify-content:center;flex-wrap:wrap}.socials li a{transition:background .2s ease}.socials li a:hover{background:rgba(255,255,255,.205);transform:none;text-decoration:none}.buymeacoffee{transform:scale(.9)}.buymeacoffee:hover{transform:scale(.9)}}