body { background: #CBD4D3; }

.emphasis-highlight { background: rgba(48, 215, 242, 0.8); }

.project::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(3px); }

.project::after { position: absolute; padding: 0.2rem; color: white; right: 2.5%; bottom: 10%; }

.wip .tag { background: rgba(48, 215, 242, 0.5); }

.wip::before { background-image: repeating-linear-gradient(45deg, rgba(48, 215, 242, 0.2), rgba(48, 215, 242, 0.2) 35px, rgba(48, 215, 242, 0.5) 35px, rgba(48, 215, 242, 0.5) 70px), linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); backdrop-filter: blur(2px); }

.wip::after { content: "wip"; background: rgba(48, 215, 242, 0.5); }

.on_hold .tag { background: rgba(242, 212, 48, 0.5); }

.on_hold::before { background-image: radial-gradient(rgba(242, 212, 48, 0.5) 15%, rgba(242, 212, 48, 0.2) 16%), radial-gradient(rgba(242, 212, 48, 0.5) 15%, rgba(242, 212, 48, 0.2) 16%), linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); background-size: 60px 60px; background-position: 0 0, 20px 20px; }

.on_hold::after { content: "on hold"; background: rgba(242, 212, 48, 0.5); }

.scrapped .tag { background: rgba(244, 67, 54, 0.5); }

.scrapped::before { background: linear-gradient(135deg, rgba(244, 67, 54, 0.5) 25%, rgba(244, 67, 54, 0.2) 25%) -50px 0, linear-gradient(225deg, rgba(244, 67, 54, 0.5) 25%, rgba(244, 67, 54, 0.2) 25%) -50px 0, linear-gradient(315deg, rgba(244, 67, 54, 0.5) 25%, rgba(244, 67, 54, 0.2) 25%), linear-gradient(45deg, rgba(244, 67, 54, 0.5) 25%, rgba(244, 67, 54, 0.2) 25%), linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); background-size: 100px 100px; }

.scrapped::after { content: "scrapped :("; background: rgba(244, 67, 54, 0.5); }

.complete .tag { background: rgba(77, 255, 129, 0.5); }

.complete::before { background: url(/assets/images/complete-tileplus.svg), linear-gradient(rgba(77, 255, 129, 0.2), rgba(77, 255, 129, 0.2)), linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); background-size: 64px, 64px; }

.complete::after { content: "complete! :D"; background: rgba(77, 255, 129, 0.5); }

/*# sourceMappingURL=projects.css.map */