:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#23231f;--content-width: 1254px;--gutter: 24px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:#fff;text-decoration:none;margin-top:auto}body{margin:0;padding:0;align-items:center}h1{padding:0;margin:0;font-weight:900;position:relative}h2{padding:0;margin:0}p{padding:0}.primary{display:flex;flex-direction:row;justify-content:center}.container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 var(--gutter)}.page-header{display:flex;justify-content:space-between;align-items:center;border-bottom:solid 1px #525252;width:100%;max-width:var(--content-width)}.logo{display:flex;font-size:1.5rem}.link-group{display:flex;font-size:1rem;padding:15px}.group{display:flex;justify-content:center;align-items:center;margin:0;gap:2rem;list-style-type:none}.full-width{display:flex}.hero{max-width:var(--content-width);margin:0 auto;display:flex;flex-direction:column;overflow-wrap:normal;word-break:normal;font-size:clamp(1rem,10vw,3rem);line-height:1.6}#hero-text{font-size:2rem}.my-projects{display:grid;padding:0;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr))}.card{display:flex;flex-direction:column;justify-content:flex-start;gap:.75rem;padding:2rem;border:solid 2px rgb(151,151,151);box-shadow:0 10px 2px #1d1b1b;border-radius:1rem;background-color:#2b2a2a;font-size:1rem;list-style-type:none}.project-des{margin:10px 0}.project-link-btn{--color: #560bad;font-family:inherit;display:inline-block;width:8em;height:2.6em;line-height:2.5em;margin:20px;position:relative;cursor:pointer;overflow:hidden;border:2px solid #979797;transition:color .5s;z-index:1;font-size:17px;border-radius:6px;font-weight:500;color:#bebbbb}.project-link-btn:before{content:"";position:absolute;z-index:-1;background:#2b2a2a;height:150px;width:200px;border-radius:50%}.project-link-btn:hover{color:#fff}.project-link-btn:before{top:100%;left:100%;transition:all .7s}.project-link-btn:hover:before{top:-30px;left:-30px}.project-link-btn:active:before{background:#3a0ca3;transition:background 0s}.platform{display:flex;justify-content:space-between;margin:10px 10px 10px 0}.platform-pill{display:flex;background-color:#fff;border:none;color:#000;box-shadow:5px 5px #1b1b1b;padding:10px 20px;justify-content:center;text-decoration:none;margin:4px 2px;border-radius:16px;width:90px}.html-platform-pill{background-color:#e34c26}.css-platform-pill{background-color:#639}.js-platform-pill{background-color:#f1e05a}.php-platform-pill{background-color:#4f5d95}.python-platform-pill{background-color:#3572a5}.page-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:4rem 0;background-color:#2b2a2a}.footer-note{font-size:1.5rem;margin-top:50px}.img-social{width:48px;height:48px;padding:5px}.social-container{display:flex;flex-direction:row}