@import"https://fonts.googleapis.com/css2?family=Encode+Sans&display=swap";:root{--clr-page-bg: #21252a;--clr-page-text: #ccc;--clr-cards-container: #21252a;--clr-card: #2f3640;--clr-card-hover: #353b48;--clr-card-text: #dcdde1;--clr-title-dark: #1e272e;--clr-title-light: #dcdde1;--clr-card-title: #e1b12c;--clr-links: #97abe2;--clr-copyright-bg: #21252a}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}body{background-color:var(--clr-page-bg);margin:0;font-family:Encode Sans,sans-serif;color:var(--clr-page-text);font-size:15px}a{text-decoration:none;color:var(--clr-links)}a:hover{text-decoration:underline}header{text-align:center;background-color:var(--clr-card);background:url(../../../img/coding-screen2.jpg);background-position:center;background-size:cover;color:var(--clr-card-text);margin:0 auto;padding:3rem 1rem}.motto{margin-top:1rem;color:var(--clr-card-text)}h1{margin-bottom:.7em;font-size:1.8rem}header h1{color:#8bc34a;margin-bottom:0}h2{margin-top:1.5em;margin-bottom:1em;font-size:1.4rem}p{margin-top:1em;margin-bottom:1em}main{text-align:center;background-color:var(--clr-cards-container)}.my-creations{padding-top:1rem}.my-creations h2{color:var(--clr-title-light)}.cards-container{background-color:var(--clr-cards-container);display:grid;grid-template-columns:repeat(auto-fit,340px);justify-content:center;max-width:1055px;padding:0 1rem 3rem;margin:3rem auto 0}.card{overflow:hidden;box-shadow:3px 5px 5px 0 var(--clr-page-bg);height:32rem;margin:.8rem;background-color:var(--clr-card);padding:1.5rem 1.5rem 0;text-align:center;position:relative;border-radius:4px}.card:hover{background-color:var(--clr-card-hover)}.card a{text-decoration:none;color:var(--clr-card-text)}.card h3{color:var(--clr-card-title);margin-bottom:1.5rem}.thumbnail{width:98%;border:1px solid white}.card p{margin-top:1rem;color:var(--clr-card-text)}.links{margin:0;width:100%;position:absolute;left:0;bottom:0;padding:.5rem;font-weight:200;font-size:smaller;border-top:1px solid #718093}.links a{color:var(--clr-links)}.links a:hover{text-decoration:underline}footer{text-align:center}.aboutme{color:var(--clr-title-light);padding:1rem;margin:0 auto;background-color:var(--clr-card)}.social{text-align:center;font-size:2rem;margin-top:3rem}.social i{opacity:.6;transition:opacity .2s ease-out;margin:0 .7rem}.social i:hover{opacity:1}.social a{color:var(--clr-card-text)}.copyright{width:100%;padding:1.5rem 1rem;text-align:center;background-color:var(--clr-copyright-bg);color:#fff}header.svelte-153wy9n{min-height:100px;padding:2rem 1rem;position:sticky;top:0;z-index:10}p.svelte-153wy9n{margin:.5em auto}a.svelte-153wy9n,a.svelte-153wy9n:visited{text-decoration:none;color:inherit;font-weight:600}nav.svelte-153wy9n{margin-top:1em}ul.svelte-153wy9n{list-style-type:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em}li.svelte-153wy9n{padding:.3em 1em;color:#ccc;font-size:16px;transition:transform .1s ease-out}li.svelte-153wy9n:hover{color:#fff;background-color:#576574;font-weight:800;transform:scale(1.05)}@media screen and (min-width: 40rem){header.svelte-153wy9n{padding:2rem 1rem}.container.svelte-153wy9n{display:flex;justify-content:space-between;max-width:80em;margin:auto}}