.single-project{padding:1rem}.single-project-details img{display:block;width:100%;height:auto;margin-bottom:1rem}.project-name{font-size:1.625rem;margin-top:1rem;margin-bottom:1.5rem;color:var(--main-dark-blue)}.tech-section{font-size:small;margin-bottom:1rem}.project-live-link{display:block;background-color:var(--main-light-blue);color:var(--main-dark-blue));text-align:center;text-decoration:none;padding:.5rem 1rem;margin-top:2rem;margin-bottom:1rem;border-radius:.5rem}.project-live-link:hover{background-color:var(--main-dark-blue);color:var(--main-light-blue)}.single-project .parsed-md h2,.single-project .parsed-md h3,.single-project .parsed-md h4{padding-top:1rem;padding-bottom:0}.single-project .parsed-md h2{color:var(--main-dark-blue);font-size:1.3125rem}.single-project .parsed-md ol,.single-project .parsed-md p,.single-project .parsed-md ul{padding:.5rem 0;line-height:1.4}.single-project .parsed-md ol li,.single-project .parsed-md ul li{margin-left:1rem}.single-project .parsed-md li{line-height:1.4}.single-project .parsed-md a{color:var(--main-dark-blue)}.single-project .parsed-md a:hover{background-color:var(--main-dark-blue);color:#fff;text-decoration:none}.single-project .parsed-md blockquote{padding:1rem 2rem;margin:1rem 0;background-color:rgba(25,26,62,.05)}.single-project .parsed-md img{max-width:100%}@media screen and (min-width:640px){.single-project{padding:5rem 4rem;font-size:1.125rem}.single-project .project-name{font-size:2.3rem}.single-project .parsed-md h2{font-size:2.125rem;padding-top:0;margin-top:3rem}.single-project .parsed-md h3{font-size:1.25rem}.single-project .parsed-md h4{font-size:1.1rem}.single-project .parsed-md blockquote{border-bottom:1px solid rgba(25,26,62,.2);border-left:1px solid rgba(25,26,62,.1)}.single-project .parsed-md ol,.single-project .parsed-md p,.single-project .parsed-md ul{line-height:1.625rem}}@media screen and (min-width:1024px){.single-project{padding-left:0;padding-right:0;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:3rem;column-gap:3rem;align-items:baseline}.single-project-details{position:-webkit-sticky;position:sticky;top:1rem}.single-project .project-name{font-size:2.5rem;margin-bottom:2rem}.single-project .parsed-md h2:first-of-type{margin-top:0}}@media screen and (min-width:1260px){.single-project{column-gap:6rem}}.badge{display:inline-block;border-radius:16px;padding:.5rem 1rem;margin-right:.5rem;margin-bottom:1rem}.tag-badge{background-color:var(--main-dark-blue);color:var(--main-vivid-green)}.tech-badge{color:var(--main-dark-blue);border:1px solid var(--main-dark-blue)}