:root{--background-color: rgb(10, 22, 56);--background-color-analogues: rgb(33, 16, 86);--border-color: rgb(255, 255, 255, 0.1);--highlight-color: rgb(126, 87, 194)}body{background-color:var(--background-color);display:flex;flex-direction:column;height:100vh;margin:0px;overflow:hidden}*{box-sizing:border-box}.fa-solid{color:rgba(255,255,255,0.75)}.fa-linkedin-in,.fa-github,.fa-envelope{font-size:1.5rem}h1,h2,h3,a,p,span{font-family:"Rubik", sans-serif;font-weight:400;color:white;margin:0px}a{text-decoration:none}a:hover{color:var(--highlight-color)}nav{display:flex;width:100%;border-bottom:1px solid var(--border-color)}nav .nav-section{padding:3rem 2rem;display:flex;gap:1rem;border-left:1px solid var(--border-color);align-items:center;justify-content:center}#nav-mobile-section{display:flex;flex-basis:calc(100% * (2 / 3));z-index:2}#nav-toggle-button{align-items:center;background-color:transparent;border:none;border-left:1px solid var(--border-color);color:white;cursor:pointer;display:none;gap:0.8rem;height:100%;justify-content:center;outline:none;padding:0rem 3rem;position:relative;z-index:3}#nav-toggle-button:hover,#nav-toggle-button:hover>span{color:var(--highlight-color)}#nav-toggle-button>span,#nav-toggle-button>i{display:inline-block;height:1rem;line-height:1rem}#nav-social-section,#nav-contact-section{flex-grow:1}#nav-logo-section{flex-basis:calc(100% / 3);justify-content:flex-start}#nav-logo-section>a>i{font-size:3.5rem}#nav-link-section{flex-basis:50%;gap:6rem}#nav-social-section{gap:3rem}main{flex-grow:1;position:relative;overflow:hidden}main>.parent{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;grid-template-rows:repeat(4, 1fr);grid-column-gap:0px;grid-row-gap:0px;height:100%}main>.parent>.title-section1>h2,main>.parent>.title-section2>h2,main>.parent>.title-section3>h2,main>.parent>.title-section4>h2{color:white;padding:2rem 2rem}main>.parent>.description1>p,main>.parent>.description2>p,main>.parent>.description3>p,main>.parent>.description4>p{color:white;padding:1rem 2rem;background-color:var(--background-color-analogues)}main>.parent>.stack1>i,main>.parent>.stack2>i,main>.parent>.stack3>i,main>.parent>.stack4>i{color:rgba(255,255,255,0.75);font-size:4rem}main>.parent>.code-preview1>a>i,main>.parent>.code-preview2>a>i,main>.parent>.code-preview3>a>i,main>.parent>.code-preview4>a>i{color:rgba(255,255,255,0.75);font-size:3.2rem}main>.parent>.background-image-section1{grid-area:1 / 1 / 3 / 3;background-image:url("https://images.unsplash.com/photo-1448745799564-e2c1ed534c94?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80");background-size:180%;background-position:center;background-size:cover}main>.parent>.title-section1{grid-area:1 / 1 / 2 / 2}main>.parent>.stack1{grid-area:1 / 2 / 2 / 3;padding:3rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}main>.parent>.description1{grid-area:2 / 1 / 3 / 2}main>.parent>.code-preview1{grid-area:2 / 2 / 3 / 3;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}main>.parent>.background-image-section2{grid-area:1 / 3 / 3 / 5;background-image:url("https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q2/project-planning-header@2x.png");background-size:130%;background-position:center;background-size:cover}main>.parent>.title-section2{grid-area:1 / 3 / 2 / 4}main>.parent>.stack2{grid-area:1 / 4 / 2 / 5;display:flex;flex-direction:column;justify-content:center;align-items:center}main>.parent>.description2{grid-area:2 / 3 / 3 / 4}main>.parent>.code-preview2{grid-area:2 / 4 / 3 / 5;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}main>.parent>.background-image-section3{grid-area:3 / 1 / 5 / 3;background-image:url("https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q2/project-planning-header@2x.png");background-size:130%;background-position:center;background-size:cover}main>.parent>.title-section3{grid-area:3 / 1 / 4 / 2}main>.parent>.stack3{grid-area:3 / 2 / 4 / 3;display:flex;flex-direction:column;justify-content:center;align-items:center}main>.parent>.description3{grid-area:4 / 1 / 5 / 2}main>.parent>.code-preview3{grid-area:4 / 2 / 5 / 3;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}main>.parent>.background-image-section4{grid-area:3 / 3 / 5 / 5;background-image:url("https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q2/project-planning-header@2x.png");background-size:130%;background-position:center;background-size:cover}main>.parent>.title-section4{grid-area:3 / 3 / 4 / 4}main>.parent>.stack4{grid-area:3 / 4 / 4 / 5;display:flex;flex-direction:column;justify-content:center;align-items:center}main>.parent>.description4{grid-area:4 / 3 / 5 / 4}main>.parent>.code-preview4{grid-area:4 / 4 / 5 / 5;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}main>about{height:100%;width:100%;display:grid;grid-column:1;grid-template-columns:1fr;grid-template-rows:1fr 7fr;position:absolute;text-align:center;left:0px;top:0px}main>about>.about-section{height:100%;display:flex;padding-right:17px;box-sizing:content-box;overflow:scroll;font-family:Arial, Helvetica, sans-serif}main>about>.about-description-section,main>about>.about-nav-section{border-top:1px solid var(--border-color)}main>about>.about-title-section,main>about>.about-nav-section{border-bottom:1px solid var(--border-color)}main>about:first-child>.about-image-section{background-image:url("/assets/images/solid-navy-blue-concrete-textured-wall_53876-124584.jpg")}main>about>.about-image-section{background-position:center;background-size:cover}main>about>.about-description-section{flex-direction:column;justify-content:flex-start;padding:0rem 15%}main>about>.about-description-section>p{font-size:1.25em;text-align:left;padding:2rem 2rem;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}main>about>.about-description-section>p>a:hover{text-decoration:underline}main>about>.about-title-section{flex-direction:column;padding:2rem 2rem}main>about>.about-title-section *{color:white}main>about>.about-title-section>h2{font-family:"Montserrat", sans-serif;font-size:3.5rem;line-height:3rem;margin:0px;text-align:center;text-transform:uppercase}main>about>.about-title-section>i{color:rgba(255,255,255,0.75);font-size:4rem}main>about>.about-nav-section>.about-nav-button{background-color:transparent;flex-grow:1;border:none;outline:none;color:rgba(255,255,255,0.75);font-size:3rem;cursor:pointer}main>about>.about-nav-section>.about-nav-button:hover{background-color:rgba(255,255,255,0.02)}main>about>.about-nav-section>.about-nav-button:nth-child(2){border-left:1px solid var(--border-color)}main>article{height:100%;width:100%;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:2fr 1fr;position:absolute;left:0px;top:0px;transition:transform 400ms ease}main>article[data-status="inactive"]{transform:translateX(-100%);transition:none}main>article[data-status="active"]{transform:translateX(0%)}main>article[data-status="before"]{transform:translateX(-100%)}main>article[data-status="after"]{transform:translateX(100%)}main>article[data-status="becoming-active-from-before"]{transform:translateX(-100%);transition:none}main>article[data-status="becoming-active-from-after"]{transform:translateX(100%);transition:none}main>article>.article-section{height:100%;display:flex}main>article>.article-description-section,main>article>.article-nav-section{border-left:1px solid var(--border-color)}main>article>.article-title-section,main>article>.article-nav-section{border-top:1px solid var(--border-color)}main>article:first-child>.article-image-section{background-image:url("/assets/images/laptop-screen.jpg")}main>article:nth-child(2)>.article-image-section{background-image:url("https://images.unsplash.com/photo-1535905557558-afc4877a26fc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2574&q=80")}main>article:nth-child(3)>.article-image-section{background-image:url("https://images.unsplash.com/photo-1660580554695-d2ca5008f1f2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=927&q=80")}main>article:nth-child(4)>.article-image-section{background-image:url("https://images.unsplash.com/photo-1660766877755-4cac24f6cf21?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2232&q=80")}main>article>.article-image-section{background-position:center;background-size:cover}main>article>.article-description-section{flex-direction:column;justify-content:flex-end;padding:4rem}main>article>.article-description-section>p{color:rgba(255,255,255,0.5);font-size:1.25em}main>article>.article-description-section>p>a:hover{text-decoration:underline}main>article>.article-title-section{align-items:center;justify-content:space-between;padding:2rem 4rem}main>article>.article-title-section *{color:#b44545}main>article>.article-title-section>h2{flex-basis:50%;font-family:"Montserrat", sans-serif;font-size:3.5rem;line-height:3rem;margin:0px;text-transform:uppercase}main>article>.article-title-section>i{color:rgba(255,255,255,0.75);font-size:4rem;cursor:pointer}main>article>.article-nav-section>.article-nav-button{background-color:transparent;flex-grow:1;border:none;outline:none;color:rgba(255,255,255,0.75);font-size:3rem;cursor:pointer}main>article>.article-nav-section>.article-nav-button:hover{background-color:rgba(255,255,255,0.02)}main>article>.article-nav-section>.article-nav-button:nth-child(2){border-left:1px solid var(--border-color)}@media (max-width: 1200px){#nav-mobile-section{flex-basis:calc(100% * 0.75)}#nav-logo-section{flex-basis:calc(100% * 0.25)}#nav-link-section{flex-basis:calc(100% / 3);gap:3rem}main{overflow-y:auto}main>article{grid-template-columns:none;grid-template-rows:1.5fr repeat(3, 0.75fr) 0.25fr;height:max(900px, 100%)}main>article>.article-title-section>h2{font-size:3rem;line-height:2.6rem}main>article>.article-title-section>i{font-size:3rem}main>article>.article-description-section,main>article>.article-nav-section{border-left:none;border-bottom:1px solid var(--border-color);order:4}main>article>.article-image-section{order:1}main>article>.article-title-section{border-bottom:1px solid var(--border-color);order:2}main>article>.article-description-section{justify-content:center;order:3}}@media (max-width: 800px){nav{justify-content:space-between}nav[data-toggled="true"]>#nav-mobile-section{transform:translateY(0%)}nav[data-toggled="true"]>#nav-toggle-button{border-left:none}nav[data-transitionable="true"]>#nav-mobile-section{transition:transform 400ms ease}nav .nav-section{border-left:none;padding:1.5rem 1rem}#nav-logo-section>a>i{font-size:1.5rem;margin-left:1rem}#nav-mobile-section{background-color:var(--background-color);flex-direction:column;height:100vh;width:100vw;position:fixed;transform:translateY(-100%)}#nav-toggle-button{display:flex}#nav-link-section{flex-basis:60%;flex-direction:column;gap:4rem}#nav-link-section>a{font-size:3rem}#nav-social-section>a{font-size:2rem}#nav-contact-section{padding-bottom:4rem}main>article{grid-template-rows:1fr repeat(4, 0.5fr);height:max(700px, 100%)}main>article>.article-title-section{padding:2rem}main>article>.article-title-section>h2{flex-basis:70%;font-size:1.75em;line-height:1.5rem}main>article>.article-title-section>i{font-size:2rem}main>article>.article-description-section{padding:2rem}main>article>.article-description-section>p{font-size:1rem}}main>article>.article-description-section>p>.source-link{color:var(--highlight-color);display:inline}main>article .yt-link,main>article .yt-link>i{color:var(--yt-color);display:inline}