@import "https://fonts.googleapis.com/css2?family=Bungee&family=Rubik+Mono+One&family=IBM+Plex+Mono:wght@700&display=swap";
html{scroll-behavior:smooth;font-family:Bungee,sans-serif}p{color:#8aa62e;font-size:32px}.nav-bar{justify-content:space-between;font-size:24px;display:flex}.left{display:flex}ul{background-color:#c7d36f;width:100%;margin:0;padding:0;list-style-type:none;position:fixed;top:0}a{color:#fcf9c6;padding:18px;text-decoration:none;display:flex}li a:hover,.active,.resume,button:hover{color:#9eb23b;background-color:#fcf9c6}.resume{color:#fcf9c6;background-color:#c7d36f;border:3px solid #fcf9c6;border-radius:10px;margin-top:8px;margin-right:15px;padding:8px 24px;font-family:Bungee,sans-serif;font-size:24px}.empty{padding:0;font-size:24px}body{background-color:#c7d36f;flex-direction:column;margin:0;display:flex}.hero{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.header{text-align:center;margin:0%;padding:4%;font-size:180px}.header>p{text-align:center;color:#8aa62e;margin:0;padding:0%;font-size:180px}.header>p:hover{color:#fcf9c6}.scroll-group{flex-direction:column;align-items:center;font-family:IBM Plex Mono,monospace;display:flex}.arrow{text-align:center}.scroll-group>a{color:#8aa62e;margin:0;padding:0;font-size:24px;text-decoration:none}.scroll-group:hover .scroll,.scroll-group:hover .arrow{color:#fcf9c6}.arrow{transform:rotate(180deg)}img{border-radius:35px;width:auto;height:550px}.about-me-section{flex:1;justify-content:center;gap:4%;height:100vh;padding:6.5% 4% 7%;display:flex}.about-me-text{width:550px}.about-me-text>.about-me-header{font-size:32px}.about-me-text>.about-me-paragraph{font-family:IBM Plex Mono,monospace;font-size:20px}.subtext{margin:0;padding:0;font-family:IBM Plex Mono,monospace;font-size:20px}#contact{border:4px solid #fcf9c6;border-radius:25px;align-self:center;align-items:center;width:80%;height:250px;margin-bottom:3%;padding:3% 5% 0%}.contact-content{justify-content:space-between;width:90%;display:flex}.contact-link{align-items:center;gap:10px;padding:3% 0 0}.logo{border-radius:0;width:40px;height:auto}.footer{color:#8aa62e;justify-content:center;align-items:center;padding-bottom:2%;font-family:IBM Plex Mono,monospace;font-size:18px;display:flex}.project-section{color:#fcf9c6;align-self:center;width:80%;padding-top:4%}.project-title{font-size:32px}.project{align-content:space-between;padding:2%;font-size:24px;display:flex}.project-image{height:325px}.project-text{padding:1%}.project-description{color:#8aa62e;padding:0 18px;font-family:IBM Plex Mono,monospace;font-size:18px}.view-more-section{align-items:space-between;color:#8aa62e;border:4px solid #fcf9c6;border-radius:25px;justify-content:center;margin:3%;padding:3%;font-size:20px}.view-more{padding:18px}.view-more-links{justify-content:space-around;display:flex}.crochet-hero{height:68vh;min-height:420px}.crochet-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:24px;width:calc(100% - 64px);max-width:1400px;margin:0 auto 5%;padding:0 32px;display:grid}.crochet-card{color:#fcf9c6;flex-direction:column;align-items:center;width:100%;text-decoration:none;display:flex}.crochet-card-image{aspect-ratio:1;object-fit:cover;border:3px solid #fcf9c6;border-radius:18px;width:100%;max-width:420px;height:auto;display:block}.crochet-card-title{color:#fcf9c6;text-align:center;margin-top:12px;font-family:IBM Plex Mono,monospace;font-size:18px}html,body{background:#c7d36f}:is(html:has(body .crochet-page-shell),body:has(.crochet-page-shell)){background:#fff}.crochet-page-shell{--lh:1.6;color:#111;font:1em / var(--lh) monospace;background:#fff;flex-direction:column;min-height:100vh;display:flex}.crochet-page-shell *{font:inherit;color:inherit;background:0 0}.crochet-page-shell a,.crochet-page-shell button,.crochet-page-shell p,.crochet-page-shell h1,.crochet-page-shell .crumb-link,.crochet-page-shell .crumb-current,.crochet-page-shell .crochet-card-title,.crochet-page-shell .crochet-body,.crochet-page-shell .footer{font:inherit}.crochet-page-shell .crochet-top-bar{z-index:10;box-sizing:border-box;background:#fff;border-bottom:none;width:100%;padding:16px 0 0;position:sticky;top:0}.crochet-page-shell .home-link-only{color:#111;background:#fff;border:none;border-radius:0;align-items:center;padding:8px 28px;font-size:1em;text-decoration:none;display:inline-flex}.crochet-page-shell .crochet-breadcrumbs{color:#111;align-items:center;gap:10px;padding:4px 0 14px;font-family:monospace;font-size:1em;display:flex}.crochet-page-shell .crumb-link,.crochet-page-shell .crumb-current,.crochet-page-shell .crumb-separator{color:#111;font-size:1em;text-decoration:none}.crochet-page-shell .crumb-current{color:#111;text-transform:lowercase}.crochet-page-shell .crumb-link{text-transform:lowercase}.crochet-page-shell .crochet-detail{width:min(1100px,86%);margin:0 auto 4rem;padding-top:40px}.crochet-page-shell .crochet-detail-header{text-align:left;margin-bottom:2rem}.crochet-page-shell .crochet-detail-header h1{color:#111;font-size:1em;line-height:var(--lh);text-transform:lowercase;letter-spacing:0;margin:0;font-weight:400}.crochet-page-shell .crochet-content{width:100%;margin-bottom:2rem;overflow:hidden}.crochet-page-shell .crochet-carousel-wrapper{float:left;width:min(44%,520px);min-width:260px;max-width:520px;margin-bottom:1rem;margin-right:2rem}.crochet-page-shell .crochet-carousel{grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:12px;width:100%;display:grid}.crochet-page-shell .carousel-arrow{color:#111;cursor:pointer;background:#f2f2f2;border:none;border-radius:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2em;transition:opacity .2s;display:flex}.crochet-page-shell .carousel-arrow:hover{opacity:.7}.crochet-page-shell .carousel-image-frame{justify-content:center;width:100%;display:flex}.crochet-page-shell .carousel-image-frame img{aspect-ratio:1;object-fit:cover;border:none;border-radius:0;width:100%;max-width:420px;height:auto}.crochet-page-shell .carousel-dots{justify-content:center;gap:10px;margin-top:12px;margin-bottom:1.5rem;display:flex}.crochet-page-shell .dot{cursor:pointer;background:#11111140;border:none;border-radius:50%;width:10px;height:10px;padding:0}.crochet-page-shell .dot.active{background:#111}.crochet-page-shell .crochet-body{color:#111;width:auto;font-size:1em;line-height:var(--lh);background:0 0;border:none;border-radius:0;padding:0;display:block;overflow:visible}.crochet-page-shell .crochet-body p{color:#111;width:auto;font-size:1em;line-height:var(--lh);word-wrap:break-word;overflow-wrap:anywhere;max-width:none;margin:0 0 1rem;font-weight:400;display:block}.crochet-page-shell .contact-link{color:#111;border-bottom:1px solid #111;padding:0 0 2px;text-decoration:none;display:inline-flex}.crochet-page-shell .crochet-hero{background:#fff;justify-content:flex-start;align-items:flex-start;height:auto;min-height:0;padding:8px 28px}.crochet-page-shell .header{text-align:left;width:calc(100% - 28px);font-size:1em;line-height:var(--lh);margin:0;padding:24px 0 12px}.crochet-page-shell .header>p{text-align:left;color:#111;font-size:1em;line-height:var(--lh);text-transform:lowercase;letter-spacing:0;margin:0;padding:0;font-weight:400}.crochet-page-shell .crochet-grid{box-sizing:border-box;background:#fff;flex:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;width:calc(100vw - 56px);max-width:calc(100vw - 56px);margin:0 auto 5%;padding:0;display:grid}.crochet-page-shell .crochet-card{color:#111;background:#fff;flex-direction:column;align-items:flex-start;width:100%;padding:0;text-decoration:none;display:flex}.crochet-page-shell .crochet-card-image{aspect-ratio:1;object-fit:cover;border:none;border-radius:0;width:100%;max-width:420px;height:auto;display:block}.crochet-page-shell .crochet-card-title{color:#111;font-size:1em;line-height:var(--lh);text-align:left;text-transform:lowercase;margin-top:12px;font-weight:400}.crochet-page-shell .footer{color:#111;justify-content:center;align-items:center;margin-top:auto;padding:1rem 0 2rem;font-size:.9em;display:flex}@media (max-width:768px){.crochet-page-shell .crochet-content{display:block}.crochet-page-shell .crochet-carousel-wrapper{float:none;width:100%;min-width:0;max-width:none;margin:0 auto 1rem}.crochet-page-shell .crochet-grid,.crochet-page-shell .crochet-carousel{grid-template-columns:1fr}}