.week-01,
.week-01 * {
  box-sizing: border-box;
}
.week-01 {
  background: #ffffff;
  height: 10455px;
  position: relative;
  overflow: hidden;
}
.astro-chain-grasshopper-min-small-1 {
  width: 871px;
  height: 544px;
  position: absolute;
  left: 111px;
  top: 3788px;
  object-fit: cover;
  aspect-ratio: 871/544;
}
._1-2-parametric-design-cutting {
  color: #1c25ac;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 80px;
  font-weight: 700;
  position: absolute;
  left: 62px;
  top: 1829px;
  width: 1559px;
  height: 98px;
}
._1-1-website {
  color: #1c25ac;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 80px;
  font-weight: 700;
  position: absolute;
  left: 60px;
  top: 226px;
  width: 1090px;
  height: 98px;
}
.rectangle-22 {
  background: #1c25ac;
  border-radius: 52px;
  width: 181px;
  height: 97px;
  position: absolute;
  left: 225px;
  top: 54px;
}
.rectangle-24 {
  background: #1c25ac;
  border-radius: 52px;
  width: 181px;
  height: 97px;
  position: absolute;
  left: 623px;
  top: 54px;
}
.rectangle-25 {
  background: #1c25ac;
  border-radius: 52px;
  width: 181px;
  height: 95px;
  position: absolute;
  left: 822px;
  top: 56px;
}
._00 {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 50px;
  font-weight: 700;
  position: absolute;
  left: 288px;
  top: 73px;
}
._02 {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 50px;
  font-weight: 700;
  position: absolute;
  left: 686px;
  top: 73px;
}
._03 {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 50px;
  font-weight: 700;
  position: absolute;
  left: 885px;
  top: 73px;
}
.line-4 {
  margin-top: -3px;
  border-style: solid;
  border-color: #121212;
  border-width: 3px 0 0 0;
  width: 1609.02px;
  height: 0px;
  position: absolute;
  left: 1689px;
  top: 187px;
  transform-origin: 0 0;
  transform: rotate(-179.751deg) scale(1, 1);
}
.softwares-figma-dev-photo-shop-vs-code-files-class-website-fig-chat-gpt-website-prompt-1 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Medium", sans-serif;
  font-size: 35px;
  font-weight: 500;
  position: absolute;
  left: 67px;
  top: 337px;
  width: 647px;
  height: 150px;
}
.softwares-figma-dev-photo-shop-vs-code-files-class-website-fig-chat-gpt-website-prompt-1-span {
}
.softwares-figma-dev-photo-shop-vs-code-files-class-website-fig-chat-gpt-website-prompt-1-span2 {
  text-decoration: underline;
}
.softwares-rhino-8-grasshopper-devices-lasercutter-arch-shop-500-200-psi-find-name-and-exact-calculations-used-files-astro-chain-3-dm-astro-chain-gh-astro-signs-svg {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Medium", sans-serif;
  font-size: 35px;
  font-weight: 500;
  position: absolute;
  left: 62px;
  top: 1942px;
  width: 891px;
  height: 264px;
}
.rectangle-29 {
  background: #e6bb12;
  border-radius: 52px;
  border-style: solid;
  border-color: #1c25ac;
  border-width: 7px;
  width: 181px;
  height: 97px;
  position: absolute;
  left: 424px;
  top: 56px;
}
._01 {
  color: #1c25ac;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 50px;
  font-weight: 700;
  position: absolute;
  left: 487px;
  top: 74px;
}
.iconstack-io-home-3-fill {
  width: 129px;
  height: 129px;
  position: absolute;
  left: 72px;
  top: 38px;
  overflow: hidden;
}
.group {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.line-6 {
  margin-top: -3px;
  border-style: solid;
  border-color: #121212;
  border-width: 3px 0 0 0;
  width: 1609.02px;
  height: 0px;
  position: absolute;
  left: 1668px;
  top: 9934px;
  transform-origin: 0 0;
  transform: rotate(-179.751deg) scale(1, 1);
}
.trials-tribulations-and-the-lessons-learned {
  color: #1c25ac;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 50px;
  font-weight: 700;
  position: absolute;
  left: 188px;
  top: 9958px;
  width: 1359px;
  height: 62px;
}
.star-11 {
  border-radius: 0px;
  width: 56px;
  height: 55px;
  position: absolute;
  left: 111px;
  top: 9958px;
  overflow: visible;
}
.star-13 {
  border-radius: 0px;
  width: 56px;
  height: 55px;
  position: absolute;
  left: 1561px;
  top: 9958px;
  overflow: visible;
}
.screenshot-2025-09-25-at-4-36-03-am-1 {
  width: 778px;
  height: 601px;
  position: absolute;
  left: 61px;
  top: 647px;
  object-fit: cover;
  aspect-ratio: 778/601;
}
.attempt-1 {
  color: #1c25ac;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  position: absolute;
  left: 68px;
  top: 560px;
  width: 763px;
  height: 72px;
}
.star-10 {
  border-radius: 0px;
  width: 56px;
  height: 55px;
  position: absolute;
  left: 288px;
  top: 560px;
  overflow: visible;
}
.star-14 {
  border-radius: 0px;
  width: 56px;
  height: 55px;
  position: absolute;
  left: 557px;
  top: 560px;
  overflow: visible;
}
.attempt-2 {
  color: #1c25ac;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  position: absolute;
  left: 907px;
  top: 372px;
  width: 763px;
  height: 72px;
}
.star-15 {
  border-radius: 0px;
  width: 56px;
  height: 55px;
  position: absolute;
  left: 1127px;
  top: 372px;
  overflow: visible;
}
.star-16 {
  border-radius: 0px;
  width: 56px;
  height: 55px;
  position: absolute;
  left: 1396px;
  top: 372px;
  overflow: visible;
}
.i-was-extremely-indecisive-about-how-to-make-this-website-at-first-my-initial-idea-was-i-really-wanted-to-create-a-tab-system-for-going-through-the-assignments-to-remind-me-of-digging-through-a-binder-i-made-an-initial-sketch-of-this-idea-on-figma-and-wrote-this-prompt-into-chat-gpt-to-create-the-website-but-upon-going-live-it-looked-a-bit-too-retro-for-my-liking-the-color-pallet-also-didn-t-resonate-with-me-so-i-went-back-to-the-drawing-board {
  color: #000000;
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 35px;
  font-weight: 400;
  position: absolute;
  left: 51px;
  top: 1280px;
  width: 776px;
}
.i-was-extremely-indecisive-about-how-to-make-this-website-at-first-my-initial-idea-was-i-really-wanted-to-create-a-tab-system-for-going-through-the-assignments-to-remind-me-of-digging-through-a-binder-i-made-an-initial-sketch-of-this-idea-on-figma-and-wrote-this-prompt-into-chat-gpt-to-create-the-website-but-upon-going-live-it-looked-a-bit-too-retro-for-my-liking-the-color-pallet-also-didn-t-resonate-with-me-so-i-went-back-to-the-drawing-board-span {
  font-family: "HelveticaNeue-Regular", sans-serif;
}
.i-was-extremely-indecisive-about-how-to-make-this-website-at-first-my-initial-idea-was-i-really-wanted-to-create-a-tab-system-for-going-through-the-assignments-to-remind-me-of-digging-through-a-binder-i-made-an-initial-sketch-of-this-idea-on-figma-and-wrote-this-prompt-into-chat-gpt-to-create-the-website-but-upon-going-live-it-looked-a-bit-too-retro-for-my-liking-the-color-pallet-also-didn-t-resonate-with-me-so-i-went-back-to-the-drawing-board-span2 {
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-weight: 700;
}
.i-was-extremely-indecisive-about-how-to-make-this-website-at-first-my-initial-idea-was-i-really-wanted-to-create-a-tab-system-for-going-through-the-assignments-to-remind-me-of-digging-through-a-binder-i-made-an-initial-sketch-of-this-idea-on-figma-and-wrote-this-prompt-into-chat-gpt-to-create-the-website-but-upon-going-live-it-looked-a-bit-too-retro-for-my-liking-the-color-pallet-also-didn-t-resonate-with-me-so-i-went-back-to-the-drawing-board-span3 {
  font-family: "HelveticaNeue-Regular", sans-serif;
  text-decoration: underline;
}
.i-think-at-some-point-the-anxiety-of-needing-a-fully-flushed-out-website-with-cool-interaction-faded-away-and-i-allowed-myself-to-just-create-a-layout-that-made-sense-in-my-mind-for-this-class-i-chose-a-color-scheme-what-was-easy-and-stuck-with-a-white-background-i-also-spent-some-time-searching-on-how-to-create-quickly-and-easily-create-an-html-code-from-my-figma-and-i-realized-that-it-s-not-so-simple-as-a-plug-in-i-acessed-figma-dev-mode-for-the-first-time-ever-and-was-able-to-see-the-individual-code-blocks-for-each-page-and-export-in-my-first-attempt-it-had-issues-displaying-images-and-working-on-interactions-but-with-a-bit-of-help-from-chat-gpt-i-tried-adding-the-page-interactions {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 35px;
  font-weight: 400;
  position: absolute;
  left: 917px;
  top: 1001px;
  width: 776px;
}
.screenshot-2025-09-25-at-4-50-17-am-1 {
  width: 801px;
  height: 514px;
  position: absolute;
  left: 888px;
  top: 458px;
  object-fit: cover;
  aspect-ratio: 801/514;
}
.chain-sketch-1 {
  width: 986px;
  height: 1357px;
  position: absolute;
  left: 145px;
  top: 3207px;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 986/1357;
}
.for-this-project-i-wanted-to-test-the-limits-of-cardboard-prototyping-i-ve-used-cardboard-for-prototyping-physical-ui-in-the-past-and-most-of-them-not-only-felt-structurally-unstable-but-looked-horrendous-so-for-this-week-i-wanted-to-make-a-wearable-jewelry-decor-piece-and-made-a-sketch-for-a-chained-necklace-with-zodiac-embellishments-the-idea-is-since-remembering-your-zodiac-chart-can-be-hard-with-this-necklace-anyone-can-assemble-their-own-birth-chart-using-the-chains-and-charm-pieces-as-a-visual-reminder {
  color: #000000;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 35px;
  font-weight: 400;
  position: absolute;
  left: 111px;
  top: 3323px;
  width: 831px;
  height: 475px;
}
.for-this-project-i-wanted-to-test-the-limits-of-cardboard-prototyping-i-ve-used-cardboard-for-prototyping-physical-ui-in-the-past-and-most-of-them-not-only-felt-structurally-unstable-but-looked-horrendous-so-for-this-week-i-wanted-to-make-a-wearable-jewelry-decor-piece-and-made-a-sketch-for-a-chained-necklace-with-zodiac-embellishments-the-idea-is-since-remembering-your-zodiac-chart-can-be-hard-with-this-necklace-anyone-can-assemble-their-own-birth-chart-using-the-chains-and-charm-pieces-as-a-visual-reminder-span {
  font-family: "HelveticaNeue-Light", sans-serif;
  font-weight: 300;
}
.for-this-project-i-wanted-to-test-the-limits-of-cardboard-prototyping-i-ve-used-cardboard-for-prototyping-physical-ui-in-the-past-and-most-of-them-not-only-felt-structurally-unstable-but-looked-horrendous-so-for-this-week-i-wanted-to-make-a-wearable-jewelry-decor-piece-and-made-a-sketch-for-a-chained-necklace-with-zodiac-embellishments-the-idea-is-since-remembering-your-zodiac-chart-can-be-hard-with-this-necklace-anyone-can-assemble-their-own-birth-chart-using-the-chains-and-charm-pieces-as-a-visual-reminder-span2 {
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-style: italic;
}
.when-designing-wearables-its-always-important-to-pay-attention-to-the-measurements-after-finishing-the-project-i-realized-it-s-a-bit-too-long-to-wear-as-a-necklace-hence-it-becoming-a-decor-piece-in-hindsight-i-should-ve-also-set-a-parameter-for-what-sizes-are-visually-appealing-to-influence-the-sizing {
  color: #000000;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 35px;
  font-weight: 400;
  position: absolute;
  left: 95px;
  top: 10044px;
  width: 723px;
  height: 369px;
}
.when-designing-wearables-its-always-important-to-pay-attention-to-the-measurements-after-finishing-the-project-i-realized-it-s-a-bit-too-long-to-wear-as-a-necklace-hence-it-becoming-a-decor-piece-in-hindsight-i-should-ve-also-set-a-parameter-for-what-sizes-are-visually-appealing-to-influence-the-sizing-span {
  list-style-type: disc;
  padding-left: 1em;
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-style: italic;
}
.when-designing-wearables-its-always-important-to-pay-attention-to-the-measurements-after-finishing-the-project-i-realized-it-s-a-bit-too-long-to-wear-as-a-necklace-hence-it-becoming-a-decor-piece-in-hindsight-i-should-ve-also-set-a-parameter-for-what-sizes-are-visually-appealing-to-influence-the-sizing-span2 {
  list-style-type: disc;
  padding-left: 1em;
  font-family: "HelveticaNeue-Regular", sans-serif;
}
.use-parametric-modeling-for-more-than-just-complex-geometries-i-actually-really-loved-using-grasshopper-for-this-project-because-it-made-it-extremely-easy-to-model-multitude-of-types-of-chains-without-knowing-the-exact-specs-of-my-material-as-i-ca-ded-from-home {
  color: #000000;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 35px;
  font-weight: 400;
  position: absolute;
  left: 873px;
  top: 10044px;
  width: 723px;
  height: 328px;
}
.use-parametric-modeling-for-more-than-just-complex-geometries-i-actually-really-loved-using-grasshopper-for-this-project-because-it-made-it-extremely-easy-to-model-multitude-of-types-of-chains-without-knowing-the-exact-specs-of-my-material-as-i-ca-ded-from-home-span {
  list-style-type: disc;
  padding-left: 1em;
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-style: italic;
}
.use-parametric-modeling-for-more-than-just-complex-geometries-i-actually-really-loved-using-grasshopper-for-this-project-because-it-made-it-extremely-easy-to-model-multitude-of-types-of-chains-without-knowing-the-exact-specs-of-my-material-as-i-ca-ded-from-home-span2 {
  list-style-type: disc;
  padding-left: 1em;
  font-family: "HelveticaNeue-Medium", sans-serif;
  font-weight: 500;
}
.use-parametric-modeling-for-more-than-just-complex-geometries-i-actually-really-loved-using-grasshopper-for-this-project-because-it-made-it-extremely-easy-to-model-multitude-of-types-of-chains-without-knowing-the-exact-specs-of-my-material-as-i-ca-ded-from-home-span3 {
  list-style-type: disc;
  padding-left: 1em;
  font-family: "HelveticaNeue-Regular", sans-serif;
}
.to-start-thinking-about-my-parametric-design-process-for-the-chains-i-first-drew-out-a-few-versions-of-the-chain-links-that-could-be-visually-appealing-but-also-structurally-sound-and-fit-together-well-i-didn-t-want-the-chain-coming-lose-with-movement-and-i-also-didn-t-want-it-breaking-apart-into-separate-layers-because-the-chain-is-too-thin-i-created-some-variables-and-set-some-basic-algebra-equations-to-parametrize-my-design-from-my-sketches-above {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 35px;
  font-weight: 400;
  position: absolute;
  left: 1032px;
  top: 3483px;
  width: 613px;
  height: 554px;
}
.the-variables-i-set-were-x-cardboard-thickness-a-chain-link-thickness-g-chain-gap-size-derived-variables-i-chain-internal-gap-size-w-chain-link-width-h-chain-link-height-with-these-variables-hoped-to-influence-characteristics-such-as-the-thickness-fluidity-movement-and-durability-of-the-final-chain {
  color: #000000;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 35px;
  font-weight: 400;
  position: absolute;
  left: 1039px;
  top: 4230px;
  width: 613px;
  height: 400px;
}
.the-variables-i-set-were-x-cardboard-thickness-a-chain-link-thickness-g-chain-gap-size-derived-variables-i-chain-internal-gap-size-w-chain-link-width-h-chain-link-height-with-these-variables-hoped-to-influence-characteristics-such-as-the-thickness-fluidity-movement-and-durability-of-the-final-chain-span {
  font-family: "HelveticaNeue-Regular", sans-serif;
}
.the-variables-i-set-were-x-cardboard-thickness-a-chain-link-thickness-g-chain-gap-size-derived-variables-i-chain-internal-gap-size-w-chain-link-width-h-chain-link-height-with-these-variables-hoped-to-influence-characteristics-such-as-the-thickness-fluidity-movement-and-durability-of-the-final-chain-span2 {
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-style: italic;
}
.i-laser-cut-two-plates-a-test-plate-with-multiple-versions-of-the-chain-and-charm-to-test-tolerances-and-a-second-plate-of-the-final-chain-and-charm-plate {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 35px;
  font-weight: 400;
  position: absolute;
  left: 101px;
  top: 5801px;
  width: 1525px;
  height: 119px;
}
.assembly-was-fairly-easy-and-the-chain-ended-up-being-very-fluid-and-versatile-with-movement-chain-links-would-occasionally-knot-together-if-a-link-became-horizontal-though-i-noticed-that-in-assembling-my-process-was-simply-twisting-the-links-open-and-fitting-a-closed-one-within-the-twisted-cardboard-piece-was-a-lot-weaker-than-the-unopened-links {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 35px;
  font-weight: 400;
  position: absolute;
  left: 101px;
  top: 8650px;
  width: 1525px;
  height: 192px;
}
.i-liked-the-rounded-chain-with-no-gap-the-best-it-swung-freely-and-felt-secure-it-also-was-the-easiest-put-together-due-to-the-curved-edges-with-this-information-i-made-my-final-adjustments-to-the-sizing-and-made-an-array-with-grasshopper-for-the-final-laser-cut {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 35px;
  font-weight: 400;
  position: absolute;
  left: 101px;
  top: 6396px;
  width: 1525px;
  height: 119px;
}
.parametric-design {
  color: #1c25ac;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  position: absolute;
  left: 1032px;
  top: 3416px;
  width: 749px;
}
.parameters {
  color: #1c25ac;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  position: absolute;
  left: 1039px;
  top: 4172px;
  width: 374px;
}
.lasercutting {
  color: #1c25ac;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  position: absolute;
  left: 101px;
  top: 5732px;
  width: 374px;
  height: 69px;
}
.assembly {
  color: #1c25ac;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  position: absolute;
  left: 101px;
  top: 7688px;
  width: 374px;
  height: 69px;
}
.final-piece {
  color: #1c25ac;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  position: absolute;
  left: 115px;
  top: 8842px;
  width: 374px;
  height: 69px;
}
.astro-signs-1 {
  width: 445.5px;
  height: 681.5px;
  position: absolute;
  left: 127px;
  top: 4951px;
  object-fit: cover;
  aspect-ratio: 445.5/681.5;
}
.chain-rhino-1 {
  width: 278px;
  height: 199px;
  position: absolute;
  left: 685px;
  top: 4107px;
  object-fit: cover;
  aspect-ratio: 278/199;
}
.astro-chain-overall-grasshopper-file-divided-into-two-sections-the-top-being-the-actual-drawing-of-the-chain-and-3-d-representation-and-the-bottom-being-arraying-the-drawings-into-a-vector-file-for-lasercutting {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Light", sans-serif;
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  left: 111px;
  top: 4337px;
  width: 871px;
  height: 44px;
}
.screenshot-2025-09-30-at-3-26-31-am-1 {
  width: 508px;
  height: 430px;
  position: absolute;
  left: 466px;
  top: 4415px;
  object-fit: cover;
  aspect-ratio: 508/430;
}
.initial-variables-set-with-number-sliders-and-derived-variables-set {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Light", sans-serif;
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  left: 468px;
  top: 4855px;
  width: 503px;
  height: 47px;
}
.chain-arrayed-sorry-i-think-the-fillet-wasn-t-on-preview-for-the-array-when-i-took-the-picture {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Light", sans-serif;
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  left: 127px;
  top: 4855px;
  width: 305px;
  height: 47px;
}
.test-1-thin-square-chain-with-gap {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Light", sans-serif;
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  left: 718px;
  top: 6345px;
  width: 206px;
  height: 29px;
}
.test-2-long-rectangle-chain-with-gap {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Light", sans-serif;
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  left: 995px;
  top: 6345px;
  width: 206px;
  height: 44px;
}
.test-3-rounded-chain-no-gap {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Light", sans-serif;
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  left: 1268px;
  top: 6342px;
  width: 206px;
  height: 29px;
}
.chain-array-1 {
  width: 305px;
  height: 430px;
  position: absolute;
  left: 127px;
  top: 4415px;
  object-fit: cover;
  aspect-ratio: 305/430;
}
.finally-i-took-this-image-of-all-the-astrological-signs-from-google-and-added-it-to-adobe-illustrator-converted-it-to-a-vector-through-image-trace-then-exported-it-as-an-svg-file-in-rhino-i-modeled-the-charms-as-drawings-setting-the-connection-opening-to-the-grasshopper-parameters-lastly-i-attached-the-signs-to-the-charms-that-just-manually-drew-on-rhino {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 35px;
  font-weight: 400;
  position: absolute;
  left: 649px;
  top: 4993px;
  width: 521px;
  height: 605px;
}
.astro-chain-test-cut-plate-1 {
  width: 498px;
  height: 431px;
  position: absolute;
  left: 142px;
  top: 5904px;
  object-fit: cover;
  aspect-ratio: 498/431;
}
.astro-chain-final-cut-plate-1 {
  width: 854px;
  height: 482px;
  position: absolute;
  left: 101px;
  top: 6555px;
  object-fit: cover;
  aspect-ratio: 854/482;
}
.test-1-1 {
  width: 242px;
  height: 431px;
  position: absolute;
  left: 707px;
  top: 5904px;
  aspect-ratio: 242/431;
}
.test-3-1 {
  width: 242px;
  height: 431px;
  position: absolute;
  left: 977px;
  top: 5904px;
  aspect-ratio: 242/431;
}
.tes-4-1 {
  width: 244px;
  height: 434px;
  position: absolute;
  left: 1249px;
  top: 5901px;
  aspect-ratio: 244/434;
}
.final-chain-1 {
  width: 603px;
  height: 1071px;
  position: absolute;
  left: 995px;
  top: 6555px;
  aspect-ratio: 603/1071;
}
.astro-chain-photo-1-1 {
  width: 418px;
  height: 558px;
  position: absolute;
  left: 101px;
  top: 7067px;
  object-fit: cover;
  aspect-ratio: 418/558;
}
.astro-chain-photo-test-1 {
  width: 418px;
  height: 558px;
  position: absolute;
  left: 533px;
  top: 7067px;
  object-fit: cover;
  aspect-ratio: 418/558;
}
.astro-chain-assembly-1 {
  width: 1542px;
  height: 867px;
  position: absolute;
  left: 101px;
  top: 7757px;
  aspect-ratio: 1542/867;
}
.chain-worn-2-1 {
  width: 913px;
  height: 912px;
  position: absolute;
  left: 764px;
  top: 8916px;
  object-fit: cover;
  aspect-ratio: 913/912;
}
.final-astro-chain-2 {
  width: 688px;
  height: 917px;
  position: absolute;
  left: 59px;
  top: 8911px;
  object-fit: cover;
  aspect-ratio: 688/917;
}