@media only screen and (min-width: 0rem) {.blog-container {margin: auto;max-width: 70em;width: 94%;}.blog-link {z-index: 1;position: relative;display: inline-block;border-radius: 0.25rem;margin: auto;background-color: var(--headerColor);min-width: 9.375rem;box-sizing: border-box;padding: 0 1.5rem;text-decoration: none;font-size: 1rem;line-height: clamp(2.875em, 5.5vw, 3.5em);font-weight: 700;color: #fff;transition: color 0.3s;text-align: center;}.blog-link:before {z-index: -1;position: absolute;top: 0;left: 0;content: "";opacity: 0;border: 1px solid var(--headerColor);border-radius: 0.25rem;background: #fff;height: 100%;width: 100%;box-sizing: border-box;transition: opacity 0.3s;}.blog-link:hover {color: var(--headerColor);}.blog-link:hover:before {opacity: 1;}}@media only screen and (min-width: 0rem) {#header {z-index: 1;position: relative;}#header .blog-container {padding: clamp(100px, 14vw, 200px) 0 clamp(50px, 11vw, 100px);}#header .blog-header {margin: 0;width: 100%;font-size: clamp(24px, 4vw, 48px);line-height: 1.2em;font-weight: 700;color: #fff;text-align: left;}#header .blog-bg {z-index: -1;position: absolute;top: 0;left: 0;display: block;height: 100%;width: 100%;}#header .blog-bg img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#header .blog-bg:before {z-index: 1;position: absolute;top: 0;left: 0;content: "";opacity: 0.6;display: block;background: #000;height: 100%;width: 100%;}}@media only screen and (min-width: 0rem) {#int-hero {z-index: 1;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 30vh;padding-top: 3.125rem;}#int-hero picture {z-index: -2;position: absolute;top: 0;left: 0;height: 100%;width: 100%;}#int-hero picture img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#int-hero h1 {position: relative;margin: 0 auto;margin-top: 4.375rem;margin-bottom: 1.875rem;max-width: 31.25rem;width: 96%;font-size: 2.13333333rem;color: #fff;text-align: center;}#int-hero p {display: block;margin: auto;margin-bottom: 1.875rem;max-width: 25rem;width: 96%;color: #fff;text-align: center;}#int-hero:before {z-index: -1;position: absolute;top: 0;left: 0;content: "";opacity: 0.7;display: block;background: #000;height: 100%;width: 100%;}}@media only screen and (min-width: 48rem) {#int-hero {font-size: 100%;}#int-hero h1 {font-size: 4rem;}}@media only screen and (min-width: 64rem) {#int-hero {background-attachment: fixed;min-height: 18.75rem;height: auto;padding-top: 11.25rem;font-size: inherit;padding-block-end: 6.25rem;}}@media only screen and (min-width: 0rem) {.blog-container {padding: clamp(60px, 7vw, 100px) 0;position: relative;z-index: 1;}.main-content-wrapper {display: flex;flex-direction: column;justify-content: center;align-items: center;row-gap: 3.125em;}.main-content {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;row-gap: 3.125em;}.cs-bubbles {z-index: -1;position: absolute;bottom: 0.625em;right: -16.25em;height: 26.6875em;width: 26.1875em;font-size: min(2.5vw, .7em);}.cs-bubbles:before {position: absolute;bottom: 0;right: 0;content: "";opacity: 1;display: block;border: 1px solid #1a1a1a;border-radius: 50%;background: transparent;height: 20.625em;width: 20.625em;animation-name: floatAnimation;animation-duration: 5s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-fill-mode: forwards;}.cs-bubbles:after {z-index: -1;position: absolute;top: 0;left: 0;content: "";opacity: 0.15;display: block;border-radius: 50%;background: var(--primary);height: 16.25em;width: 16.25em;animation-name: floatAnimation2;animation-duration: 14s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-fill-mode: forwards;transition: box-shadow 0.3s;}.cs-bubbles2 {font-size: min(1.5vw, .5rem);bottom: auto;right: auto;left: -7.5rem;top: 15.625rem;z-index: -1;transform: rotate(45deg);}@keyframes floatAnimation {0% {transform: translateY(0);}50% {transform: translateY(-2rem);}100% {transform: translateY(0);}}@keyframes floatAnimation2 {0% {transform: translateY(0);}50% {transform: translateY(-3rem);}100% {transform: translateY(0);}}}@media only screen and (min-width: 64rem) {.main-content-wrapper {flex-direction: row;align-items: flex-start;column-gap: 1.25em;}.cs-bubbles {font-size: min(2.5vw, 1em);}}@media only screen and (min-width: 100rem) {.cs-bubbles {bottom: 8.125rem;left: 50%;right: auto;margin-left: 28.125rem;}.cs-bubbles2 {left: auto;right: 50%;margin-left: 0;margin-right: 40.625rem;bottom: auto;top: 8.125rem;transform: scaleY(-1);}}@media only screen and (min-width: 0rem) {body.dark-mode .blog-article #blog-content {border-color: rgba(255, 255, 255, 0.2);}body.dark-mode .cs-bubbles:before {border-color: #ffffff;box-shadow: rgba(67, 183, 255, 0.2) 0px 0px 44px, inset rgba(67, 183, 255, 0.2) 0px 0px 30px, inset rgba(67, 183, 255, 0.2) 0px 0px 55px, inset rgba(67, 183, 255, 0.4) 0px 0px 75px, rgba(67, 183, 255, 0.4) 0px 0px 105px;}body.dark-mode .cs-bubbles:after {background-color: var(--secondary);}}@media only screen and (min-width: 0rem) {.recent-articles {max-width: 49.6875em;width: 100%;flex: none;}.recent-articles .blog-mainImage {position: relative;display: block;border-radius: 0.5em 0.5em 0 0;height: clamp(200px, 30vw, 400px);width: 100%;overflow: hidden;}.recent-articles .blog-mainImage img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}.recent-articles .article-group {border: 1px solid #ebebeb;border-radius: 0 0 0.5em 0.5em;padding: clamp(30px, 5vw, 50px);}.recent-articles .blog-author-img {position: relative;display: block;border-radius: 50%;height: 2em;width: 2em;overflow: hidden;}.recent-articles .blog-author-img img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}.recent-articles .blog-authorGroup {display: flex;justify-content: flex-start;align-items: center;gap: 0.75rem;}.recent-articles .blog-author, .recent-articles .blog-date {font-size: 0.875rem;line-height: 1.5em;color: var(--bodyTextColor);}.recent-articles .blog-dot {display: block;border-radius: 50%;background-color: var(--secondary);height: 3px;width: 3px;}.recent-articles .blog-h1 {margin: 1rem 0;font-size: clamp(20px, 5vw, 32px);line-height: 1.2em;font-weight: 700;color: var(--headerColor);}.recent-articles .blog-desc {margin: 1rem 0 2rem;font-size: 1rem;line-height: 1.5em;color: var(--bodyTextColor);}.recent-articles .blog-link {z-index: 1;position: relative;display: inline-block;border-radius: 0.25rem;margin: auto;background-color: var(--headerColor);min-width: 9.375rem;box-sizing: border-box;padding: 0 1.5rem;text-decoration: none;font-size: 1rem;line-height: clamp(2.875em, 5.5vw, 3.5em);font-weight: 700;color: #fff;transition: color 0.3s;text-align: center;}.recent-articles .blog-link:before {z-index: -1;position: absolute;top: 0;left: 0;content: "";opacity: 0;border: 1px solid var(--headerColor);border-radius: 0.25rem;background: #fff;height: 100%;width: 100%;box-sizing: border-box;transition: opacity 0.3s;}.recent-articles .blog-link:hover {color: var(--headerColor);}.recent-articles .blog-link:hover:before {opacity: 1;}}@media only screen and (min-width: 64rem) {.recent-articles .blog-h1 {max-width: 31.25rem;}}@media only screen and (min-width: 0rem) {body.dark-mode .recent-articles .blog-h1, body.dark-mode .recent-articles .blog-desc, body.dark-mode .recent-articles .blog-author, body.dark-mode .recent-articles .blog-date {color: #f7f7f7;}body.dark-mode .recent-articles .article-group {border: 1px solid #fff;box-shadow: rgba(67, 183, 255, 0.2) 0px 0px 14px, inset rgba(67, 183, 255, 0.2) 0px 0px 10px, inset rgba(67, 183, 255, 0.2) 0px 0px 25px, rgba(67, 183, 255, 0.2) 0px 0px 25px;}body.dark-mode .blog-sidebar .feature-h3, body.dark-mode .blog-sidebar .feature-date, body.dark-mode .blog-sidebar .blog-header {color: #f7f7f7;}body.dark-mode .blog-sidebar .blog-header:after {background: var(--primary);}body.dark-mode .blog-article .blog-h1, body.dark-mode .blog-article .blog-author, body.dark-mode .blog-article .blog-date {color: #f7f7f7;}body.dark-mode .blog-article #blog-content h1, body.dark-mode .blog-article #blog-content h2, body.dark-mode .blog-article #blog-content h3, body.dark-mode .blog-article #blog-content h4, body.dark-mode .blog-article #blog-content h5, body.dark-mode .blog-article #blog-content h6 {color: #f7f7f7;}body.dark-mode .blog-article #blog-content p, body.dark-mode .blog-article #blog-content li {opacity: 0.8;color: #f7f7f7;}body.dark-mode .blog-article #blog-content a {color: #9dafe5;}}@media only screen and (min-width: 0rem) {.blog-sidebar {display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 49.6875em;width: 100%;box-sizing: border-box;row-gap: 1.25em;}.blog-sidebar .blog-featured-group {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;border: 1px solid #ebebeb;border-radius: 0.5em;width: 100%;padding: 2.1875em 1.875em;}.blog-sidebar .blog-header {font-family: var(--headerFont);text-transform: uppercase;position: relative;display: block;margin-bottom: 1.875rem;font-size: 1.25em;font-weight: bold;color: var(--headerColor);text-align: center;}.blog-sidebar .blog-header:after {position: relative;content: "";display: block;border-radius: 0.25rem;margin: 1rem auto;background: var(--headerColor);height: 3px;width: 3.125rem;}.blog-sidebar .blog-feature {display: flex;justify-content: flex-start;align-items: center;border-bottom: 1px solid #ebebeb;width: 100%;padding: 1.25rem 0;text-decoration: none;column-gap: 1.5em;}.blog-sidebar .blog-feature:nth-of-type(1) {padding-top: 0;}.blog-sidebar .blog-feature:last-of-type {border: none;padding-bottom: 0;}.blog-sidebar .blog-featureImage {position: relative;display: block;border-radius: 50%;height: 3.75em;width: 3.75em;overflow: hidden;flex: none;}.blog-sidebar .blog-featureImage img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}.blog-sidebar .feature-h3 {display: block;margin: 0;margin-bottom: 0.25rem;text-decoration: none;font-size: 0.8125rem;line-height: 1.2em;font-weight: 700;color: var(--headerColor);}.blog-sidebar .feature-date {display: block;font-size: 0.875rem;line-height: 1.5em;color: var(--bodyTextColor);}}@media only screen and (min-width: 64rem) {.blog-sidebar {max-width: 22.5em;}}@media only screen and (min-width: 0rem) {body.dark-mode .blog-sidebar .blog-header:after {background-color: #fff;box-shadow: rgba(67, 183, 255, 0.2) 0px 0px 14px, inset rgba(67, 183, 255, 0.2) 0px 0px 10px, inset rgba(67, 183, 255, 0.2) 0px 0px 25px, rgba(67, 183, 255, 0.2) 0px 0px 25px;}body.dark-mode .blog-sidebar .blog-featured-group {border: 1px solid #fff;animation: ulGlow 7.2s forwards infinite;box-shadow: rgba(67, 183, 255, 0.2) 0px 0px 14px, inset rgba(67, 183, 255, 0.2) 0px 0px 10px, inset rgba(67, 183, 255, 0.2) 0px 0px 25px, rgba(67, 183, 255, 0.2) 0px 0px 25px;}body.dark-mode .blog-sidebar .blog-feature {border-color: rgba(255, 255, 255, 0.2);}}@media only screen and (min-width: 0rem) {.blog-article {display: block;max-width: 49.6875em;width: 100%;}.blog-article .blog-mainImage {position: relative;display: block;border-radius: 0.5em;margin-bottom: 3.125em;height: clamp(200px, 30vw, 400px);width: 100%;overflow: hidden;}.blog-article .blog-mainImage img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}.blog-article .blog-author-img {position: relative;display: block;border-radius: 50%;height: 2em;width: 2em;overflow: hidden;}.blog-article .blog-author-img img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}.blog-article .blog-authorGroup {display: flex;justify-content: flex-start;align-items: center;gap: 0.75rem;}.blog-article .blog-author, .blog-article .blog-date {font-size: 0.875rem;line-height: 1.5em;color: var(--bodyTextColor);}.blog-article .blog-dot {display: block;border-radius: 50%;background-color: var(--secondary);height: 3px;width: 3px;}.blog-article .blog-h1 {margin: 1rem 0;max-width: 34.375rem;font-size: clamp(20px, 5vw, 39px);line-height: 1.2em;font-weight: 700;color: var(--headerColor);}.blog-article #blog-content {border-top: 1px solid #ebebeb;margin-top: 1em;padding-top: 1.5625em;}.blog-article #blog-content iframe {margin-bottom: 2rem;}.blog-article #blog-content h1 {margin-bottom: 1rem;font-size: 2.25rem;line-height: 1.2em;font-weight: 700;color: var(--headerColor);}.blog-article #blog-content h2 {border-left: 4px solid var(--primaryLight);margin-bottom: 1rem;padding-left: 1.25rem;font-size: 1.75rem;line-height: 1.2em;font-weight: 700;color: var(--headerColor);}.blog-article #blog-content h3 {margin-bottom: 1rem;font-size: 1.5rem;line-height: 1.5em;font-weight: 700;color: var(--headerColor);}.blog-article #blog-content h4, .blog-article #blog-content h5, .blog-article #blog-content h6 {margin-bottom: 1rem;font-size: 1.25rem;line-height: 1.5em;font-weight: 700;color: var(--headerColor);}.blog-article #blog-content p {margin: 0;margin-bottom: 1rem;font-size: 1rem;line-height: 1.6em;color: var(--bodyTextColor);}.blog-article #blog-content a {text-decoration: underline;font-size: inherit;color: var(--secondary);}.blog-article #blog-content strong {color: var(--primaryLight);}.blog-article #blog-content ul, .blog-article #blog-content ol {margin: 1rem 0;padding-left: 2.5rem;}.blog-article #blog-content ul li, .blog-article #blog-content ol li {margin-bottom: 1rem;list-style: circle;font-size: 1rem;line-height: 1.6em;color: var(--bodyTextColor);}.blog-article #blog-content img {display: block;border-radius: 0.5rem;margin: 1rem 0;height: auto;width: 100%;}.blog-article #blog-content img.half {display: inline;width: 49%;}.blog-article #blog-content pre {max-height: 18.75rem;}.blog-article #blog-content code[class*="language-"], .blog-article #blog-content pre[class*="language-"] {background: 0 0;word-break: normal;word-wrap: normal;word-spacing: normal;-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;white-space: pre;text-shadow: 0 1px rgba(0, 0, 0, 0.3);font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;font-size: 1em;line-height: 1.5;color: #f8f8f2;text-align: left;-moz-tab-size: 4;-o-tab-size: 4;tab-size: 4;}.blog-article #blog-content pre[class*="language-"] {border-radius: 0.3em;margin: 0.5em 0;overflow: auto;padding: 1em;}.blog-article #blog-content :not(pre) > code[class*="language-"], .blog-article #blog-content pre[class*="language-"] {background: #272822;}.blog-article #blog-content :not(pre) > code[class*="language-"] {border-radius: 0.3em;padding: 0.1em;white-space: normal;}.blog-article #blog-content .token.cdata, .blog-article #blog-content .token.comment, .blog-article #blog-content .token.doctype, .blog-article #blog-content .token.prolog {color: #8292a2;}.blog-article #blog-content .token.punctuation {color: #f8f8f2;}.blog-article #blog-content .token.namespace {opacity: 0.7;}.blog-article #blog-content .token.constant, .blog-article #blog-content .token.deleted, .blog-article #blog-content .token.property, .blog-article #blog-content .token.symbol, .blog-article #blog-content .token.tag {color: #f92672;}.blog-article #blog-content .token.boolean, .blog-article #blog-content .token.number {color: #ae81ff;}.blog-article #blog-content .token.attr-name, .blog-article #blog-content .token.builtin, .blog-article #blog-content .token.char, .blog-article #blog-content .token.inserted, .blog-article #blog-content .token.selector, .blog-article #blog-content .token.string {color: #a6e22e;}.blog-article #blog-content .language-css .token.string, .blog-article #blog-content .style .token.string, .blog-article #blog-content .token.entity, .blog-article #blog-content .token.operator, .blog-article #blog-content .token.url, .blog-article #blog-content .token.variable {color: #f8f8f2;}.blog-article #blog-content .token.atrule, .blog-article #blog-content .token.attr-value, .blog-article #blog-content .token.class-name, .blog-article #blog-content .token.function {color: #e6db74;}.blog-article #blog-content .token.keyword {color: #66d9ef;}.blog-article #blog-content .token.important, .blog-article #blog-content .token.regex {color: #fd971f;}.blog-article #blog-content .token.bold, .blog-article #blog-content .token.important {font-weight: 700;}.blog-article #blog-content .token.italic {font-style: italic;}.blog-article #blog-content .token.entity {cursor: help;}}@media only screen and (min-width: 0rem) {.cs-codestitch {width: 100%;}.cs-codestitch .cs-picture {width: 100%;height: auto;border-radius: 0.5rem;overflow: hidden;display: block;position: relative;z-index: 1;}.cs-codestitch .cs-picture img {width: 100%;height: auto;display: block;border-radius: 0.5rem;}.cs-codestitch .cs-info {padding: 1rem;box-sizing: border-box;}.cs-codestitch .cs-h3 {margin-bottom: 1rem;line-height: 1.2em;}}