*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--wrapper-width: 30rem;--project-border-color: #4a5568;--project-complete-border-color: #00e676;--project-complete-text-color: #00e676;--project-border-radius: 12px;--project-padding: 20px 16px;--progress-bar-background: #393e46;--progress-bar-fill: linear-gradient(90deg, #00adb5, #00d4aa);--progress-bar-complete: linear-gradient(90deg, #27ae60, #00ff88)}body{background:#222831;margin:0;height:100vh;color:#fff;font-family:Verdana,sans-serif;padding:16px 12px}main{width:95%;max-width:var(--wrapper-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.main-info{display:flex;align-items:center;justify-content:center;width:100%;gap:1rem}.main-info .logo img{width:60px}.main-info .title{font-size:1.85rem;font-weight:700}.projects{width:100%;display:flex;flex-direction:column;gap:1.5rem}.projects h2{font-size:1.3rem;margin-top:0}.projects .project{display:flex;flex-direction:column;gap:.85rem;padding:var(--project-padding);border-radius:var(--project-border-radius);border:2px solid var(--project-border-color);align-items:center}.projects .project .content{text-align:center}.projects .project .content p{margin:0}.projects .project .stack-icons{display:flex;gap:.5rem}.projects .project .stack-icons img{width:16px}.projects .project .progress{width:100%}.projects .project.complete{border-color:var(--project-complete-border-color)}.projects .project.complete a{color:var(--project-complete-text-color)}.progress-bar{width:100%;height:1.25rem;background-color:var(--progress-bar-background);border-radius:8px;overflow:hidden;position:relative}.progress-bar span{display:inline-block;position:absolute;font-size:.85rem;right:8px}.progress-bar .progress-fill{height:100%;background:var(--progress-bar-fill);border-radius:8px;transition:width .3s ease}