:root { --ink: #151515; --paper: #fff9ec; --lime: #c8ff2d; --pink: #ff4b9a; --orange: #ff8138; --blue: #2449ee; --aqua: #76e7d2; --serif: 'Archivo Black', Impact, sans-serif; }
body { background: var(--paper); }.grain { opacity: .15; }.site-header { background: var(--blue); border-bottom: 2px dashed var(--ink); }.wordmark { color: var(--lime); transform: rotate(-2deg); }.wordmark span { color: var(--pink); }.site-header .main-nav a { color: var(--paper); }.site-header .main-nav a:hover, .site-header .main-nav a.active { color: var(--lime); border-bottom: 2px dashed var(--lime); background: transparent; padding: 5px 0; margin: 0; }
.home-page { background: var(--lime); }.hero-copy h1.home-title { font-family: 'Archivo Black', Impact, sans-serif; font-weight: 400; }.home-title span:last-child { color: var(--blue); }.eyebrow { border-left: 4px solid var(--pink); }.hero-art { border: 2px solid var(--ink); box-shadow: 8px 8px 0 var(--pink); filter: saturate(.95); }
.medium-page#sculpture { background: var(--pink); }.medium-page#photography { background: var(--aqua); }.medium-page#printmaking { background: var(--orange); }.medium-page#drawing { background: #a79dff; }.medium-intro h2, .about-heading h2, .contact-intro h2 { font-family: 'Caveat', cursive; font-weight: 700; letter-spacing: -.06em; }.medium-tabs a { border: 2px dashed var(--ink); background: var(--paper); }.medium-tabs a:last-child { border-right: 2px dashed var(--ink); }.medium-tabs a:hover, .medium-tabs a.active { background: var(--ink); color: var(--lime); }.gallery .work .art { border: 2px solid var(--ink); box-shadow: 5px 5px 0 var(--ink); }.gallery .work:nth-child(2n) .art { transform: rotate(-1.5deg); }.gallery .work:nth-child(3n) .art { transform: rotate(1.2deg); }.gallery .work:hover .art { box-shadow: 8px 8px 0 var(--blue); }
.artist-statement { background: var(--blue); }.statement-copy h2 { font-family: 'Caveat', cursive; font-weight: 700; color: var(--paper); letter-spacing: -.05em; }.statement-copy h2 em { color: var(--lime); }.statement-link { border: 2px dashed var(--ink); border-radius: 0; box-shadow: 5px 5px 0 var(--ink); }.about-page { background: var(--paper); color: var(--ink); }.about-heading, .about-details { border-color: var(--ink); }.about-page .section-no, .about-page .about-details a { color: var(--blue); }.about-art { border: 2px solid var(--ink); box-shadow: 7px 7px 0 var(--pink); }.contact-page { background: var(--lime); }.contact-intro h2 { font-family: 'Caveat', cursive; }.contact-intro h2 em { color: var(--pink); }footer { background: var(--ink); }