.projects-list__item-contents,.projects-list__link,html{height:100%}:root{--color-tag-html:#6abecd;--color-tag-css:#3e54a3;--color-tag-js:#e13784;--color-tag-api:#ed2c49;--color-background:#2a2a2a;--color-foreground:#aaa;--color-borders:#555;--color-headings:#ddd;--color-footer-links:#ddd;--color-project-card:#444;--color-shadow:rgba(0, 0, 0, 0.4)}html{background-color:var(--color-background);color:var(--color-foreground);font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100%;display:flex;flex-direction:column;font-size:.875rem}img{display:block;max-width:100%}h1,h2,h3{color:var(--color-headings)}h1{line-height:1.2;padding-bottom:.8em;border-bottom:1px solid var(--color-borders)}.container{max-width:1024px;padding:0 1.5rem;margin:0 auto;display:flex;flex-direction:column;flex-grow:1}.container>:first-child{flex-grow:1}.tag{color:#fff;padding:.2em .4em;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.tag-html{background-color:var(--color-tag-html)}.tag-css{background-color:var(--color-tag-css)}.tag-js,.tag-react{background-color:var(--color-tag-js)}.tag-bootstrap{background-color:#7330fa}.tag-api{background-color:var(--color-tag-api)}.projects-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.projects-list__link{display:block;color:inherit;text-decoration:none;outline:0}.projects-list__item-contents{position:relative;background-color:var(--color-project-card);box-shadow:0 2px 6px var(--color-shadow);transition:transform .3s;will-change:transform}.projects-list__item-contents,.projects-list__item-contents::before{border-radius:10px}.projects-list__item-contents::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;box-shadow:0 10px 20px var(--color-shadow);opacity:0;transition:opacity .3s}a:focus .projects-list__item-contents,a:hover .projects-list__item-contents{transform:translateY(-4px)}a:focus .projects-list__item-contents::before,a:hover .projects-list__item-contents::before{opacity:1}.projects-list__image-container{position:relative}.projects-list__image{height:auto;border-top-left-radius:10px;border-top-right-radius:10px}.projects-list__tags{list-style:none;margin:0;padding:0;display:flex;position:absolute;bottom:0;left:50%;transform:translateX(-50%) translateY(50%)}.projects-list__tags>li+li{margin-left:.5rem}.projects-list__info{padding:2rem 1rem 1rem}.projects-list__info>:first-child{margin-top:0}.projects-list__info>:last-child{margin-bottom:0}.footer{margin-top:4rem;padding:2rem 0;border-top:1px solid var(--color-borders);display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 1rem}.footer a{font-weight:700;text-decoration:none;color:var(--color-footer-links)}