:root{--color-beige: #f3f3f2;--color-brown: #575757;--color-grey-lightest: rgb(241, 241, 241);--color-grey-light: #c7c4c4;--color-grey: #7c7c7c;--color-grey-reddish-dark: #b9a0a0;--color-grey-reddish: #d9caca;--color-grey-reddish-light: #e5d4d4;--color-grey-dark:#222222;--color-red-light: #e21f1f;--color-red: #953333;--color-red-dark: #5f2121;--color-red-muted-dark: #7e3c3c;--color-red-muted-darker: #722c2c;--color-red-muted: #a24f4f;--color-orange-dark: #9c391f;--color-orange-muted: #ac523b;--color-orange-muted-light: #bf7c6a;--color-red-muted-light: #b67c7c;--color-pink: #ff9393;--color-green: #878a70;--color-green-light: #eaebe2;--color-green-light-2: #cbcdba;--color-footer: #45463b;--default-font-size: 1.8rem;--small-font-size: 1.4rem;--horizontal-gutter: 2rem;--height-navbar: 4.5rem;--height-card-content: 21.2rem}@media only screen and (max-width: 62.5em){:root{--height-navbar: 3.6rem}}@media only screen and (max-width: 37.5em){:root{--height-card-content: 18rem}}.default-grid,.container,.header__text-container,.about__container,.projects__container,.research__container,.blog__container,.post__container,.header__text-grid{display:grid;grid-template-columns:1fr [content-start left-start] repeat(2, 1fr) [center-start] repeat(3, 1fr) [left-end right-start] repeat(3, 1fr) [center-end] repeat(2, 1fr) [content-end right-end] 1fr;column-gap:4rem;row-gap:var(--horizontal-gutter);align-items:center}@media only screen and (max-width: 75em){.default-grid,.container,.header__text-container,.about__container,.projects__container,.research__container,.blog__container,.post__container,.header__text-grid{grid-template-columns:[content-start left-start] repeat(2, 1fr) [center-start] repeat(3, 1fr) [left-end right-start] repeat(3, 1fr) [center-end] repeat(2, 1fr) [content-end right-end]}}@media only screen and (max-width: 62.5em){.default-grid,.container,.header__text-container,.about__container,.projects__container,.research__container,.blog__container,.post__container,.header__text-grid{grid-template-columns:[content-start left-start] repeat(2, 1fr) [center-start] repeat(3, 1fr) [left-end right-start] repeat(3, 1fr) [center-end content-end right-end]}}@media only screen and (max-width: 50em){.default-grid,.container,.header__text-container,.about__container,.projects__container,.research__container,.blog__container,.post__container,.header__text-grid{grid-template-columns:[content-start left-start center-start] repeat(3, 1fr) [left-end right-start] repeat(3, 1fr) [center-end content-end right-end]}}.container,.header__text-container,.about__container,.projects__container,.research__container,.blog__container,.post__container{padding:2rem 7% 6rem;max-width:160rem;margin:auto}*{margin:0;padding:0}*,*::before,*::after{box-sizing:inherit}html{scroll-behavior:smooth;box-sizing:border-box;font-size:62.5%}body{background-color:var(--color-beige)}@media only screen and (max-width: 37.5em){.stop-scrolling{height:100%;overflow:hidden}}a:link,a:visited{text-decoration:none;color:var(--color-red)}@media (hover: hover){a:link:hover,a:visited:hover{text-decoration:underline}}.reveal{position:relative}body{font-family:'Montserrat', sans-serif;font-weight:400;line-height:1.7;font-size:var(--default-font-size);color:var(--color-brown)}.paragraph:not(:last-child){margin-bottom:var(--horizontal-gutter)}.heading-3{font-family:'Roboto', sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:3px;font-size:4rem}.navbar{background-color:var(--color-grey-dark);height:var(--height-navbar);display:flex;justify-content:flex-end;position:fixed;top:0;right:0;z-index:30;width:100%;transition:transform 0.4s}@media only screen and (max-width: 50em){.navbar{justify-content:center}}@media only screen and (max-width: 37.5em){.navbar{justify-content:flex-end}}.navbar__list{list-style:none;display:flex;transition:transform 0.35s}@media only screen and (max-width: 37.5em){.navbar__list{background-color:var(--color-grey-dark);position:absolute;left:0;top:-100vh;flex-direction:column;justify-content:space-around;align-items:center;height:calc(100vh - var(--height-navbar));width:100%}}@media only screen and (max-width: 37.5em){.navbar__list.active{transform:translateY(calc(100vh + var(--height-navbar)))}}.navbar__menu-btn{border:none;background:none;display:none;padding:0 2rem}.navbar__menu-btn:hover{cursor:pointer}@media only screen and (max-width: 37.5em){.navbar__menu-btn{display:inline}}.navbar__menu-icon{width:2rem;height:2rem;fill:var(--color-grey);transform:translateY(0.2rem)}.navbar__item{position:relative;display:flex}.navbar__item::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:#953333;transform:scaleY(0);transform-origin:bottom;transition:transform .2s}@media only screen and (max-width: 37.5em){.navbar__item{height:5rem}}@media (hover: hover){.navbar__item:hover::before{transform:scaleY(1)}}@media (hover: hover){.navbar__item:hover .navbar__link{color:var(--color-grey-light);transform:translateY(-3px)}}.navbar__link:link,.navbar__link:visited{display:flex;align-items:center;padding:0 3rem;font-family:'Roboto', sans-serif;text-transform:uppercase;letter-spacing:2px;font-weight:300;color:var(--color-grey);transition:transform .2s;z-index:1}@media only screen and (max-width: 62.5em){.navbar__link:link,.navbar__link:visited{font-size:1.44rem;padding:0 2.4rem;line-height:1.44rem}}@media only screen and (max-width: 37.5em){.navbar__link:link,.navbar__link:visited{font-size:3rem;line-height:3rem}}.navbar__link:link:hover,.navbar__link:visited:hover{text-decoration:none}.navbar.scrolled-down{transform:translateY(-100%)}.navbar.scrolled-up{transform:translateY(0)}.header{height:100vh;background-image:url("../jpg/hero.jpg");background-size:cover;background-position:center;grid-column:full-start/full-end;position:relative}.header__text-positioner{position:absolute;bottom:10%;left:0;width:100%}.header__background{text-align:center;grid-column:content-start / content-end;background-color:rgba(0,0,0,0.66);padding:1rem 5rem}@media only screen and (max-width: 62.5em){.header__background{padding:.8rem 4rem}}.header__heading-main{font-family:'Merriweather', serif;font-size:4.5rem;font-weight:300;line-height:1.3;color:#fff}@media only screen and (max-width: 62.5em){.header__heading-main{font-size:3.6rem}}@media only screen and (max-width: 25em){.header__heading-main{font-size:3rem}}.header__subheading{display:grid;grid-template-columns:1fr minmax(min-content, max-content) 1fr;align-items:center;column-gap:10px;font-family:'Roboto', sans-serif;text-transform:uppercase;letter-spacing:2px;font-weight:300;font-size:2rem;color:#fff}@media only screen and (max-width: 62.5em){.header__subheading{font-size:1.6rem}}@media only screen and (max-width: 25em){.header__subheading{font-size:1.5rem}}.header__subheading::before{content:"";height:1px;display:block;background-color:currentColor;column-gap:15px}.header__subheading::after{content:"";height:1px;display:block;background-color:currentColor}.footer{background-color:var(--color-green);color:var(--color-footer);position:relative;padding:0 7%}.footer__contact{margin:auto;display:flex;justify-content:space-between;align-items:center;width:70%;min-width:22rem;max-width:35rem;height:20rem}@media only screen and (max-width: 37.5em){.footer__contact{width:80%;height:17rem}}@media (hover: hover){.footer__link:hover .footer__icon{fill:var(--color-green-light-2);transform:scale(1.4)}}.footer__icon{width:5rem;height:5rem;fill:var(--color-footer);transition:transform 0.2s}.footer__icon--email{width:8rem;height:8rem}@media only screen and (max-width: 37.5em){.footer__icon{width:4rem;height:4rem}.footer__icon--email{width:7rem;height:7rem}}.footer__attribution{text-align:center;position:absolute;font-size:1.5rem;bottom:.5rem;width:86%;line-height:1}@media only screen and (max-width: 37.5em){.footer__attribution{font-size:1.2rem}}.composition{position:relative;margin-top:15rem;margin-bottom:30rem}@media only screen and (max-width: 37.5em){.composition{margin-top:0;margin-bottom:0}}.composition__picture{box-shadow:0 1.5rem 3rem rgba(0,0,0,0.2);width:20rem;position:absolute;transition:transform 0.8s ease-out, opacity 0.8s ease-out}.about__photo-box.quick-animate .composition__picture{transition:transform 0.2s, opacity 0.2s}@media only screen and (max-width: 37.5em){.composition__picture{width:80%}}@media only screen and (max-width: 25em){.composition__picture{width:100%}}.composition__picture--1{left:50%;top:-3rem;transform:translate(-50%, -50%);z-index:2}@media only screen and (min-width: 37.5em){.about__photo-box.reveal .composition__picture--1{transform:translate(-50%, 0%);opacity:0}.about__photo-box.reveal.active .composition__picture--1{transform:translate(-50%, -50%);opacity:1}}@media (hover: hover){.composition__picture--1:hover{transform:scale(1.05) translate(-50%, -50%);z-index:5}}@media only screen and (max-width: 37.5em){.composition__picture--1{display:none}}.composition__picture--2{left:calc(50% - 9rem);top:2rem;transform:rotate(-5deg) translate(-50%, -50%)}@media only screen and (min-width: 37.5em){.about__photo-box.reveal .composition__picture--2{transform:rotate(-5deg) translate(0%, -50%);opacity:0}.about__photo-box.reveal.active .composition__picture--2{transform:rotate(-5deg) translate(-50%, -50%);opacity:1}}@media only screen and (max-width: 37.5em){.composition__picture--2{display:none}}@media (hover: hover){.composition__picture--2:hover{transform:rotate(-5deg) scale(1.05) translate(-50%, -50%);z-index:5}}.composition__picture--3{left:calc(50% + 9rem);top:5rem;transform:rotate(7deg) translate(-50%, -50%);z-index:3}@media only screen and (min-width: 37.5em){.about__photo-box.reveal .composition__picture--3{transform:rotate(7deg) translate(-100%, -50%);opacity:0}.about__photo-box.reveal.active .composition__picture--3{transform:rotate(7deg) translate(-50%, -50%);opacity:1}}@media (hover: hover){.composition__picture--3:hover{transform:rotate(7deg) scale(1.05) translate(-50%, -50%);z-index:5}}@media only screen and (max-width: 37.5em){.composition__picture--3{display:block;margin:2rem auto;position:relative;top:0;left:0;transform:none}.composition__picture--3:hover{transform:none}}.composition__picture--4{left:calc(50% + 9rem);top:-3rem;transform:rotate(8deg) translate(-50%, -50%);z-index:2}@media only screen and (min-width: 37.5em){.about__photo-box.reveal .composition__picture--4{transform:rotate(8deg) translate(-100%, -50%);opacity:0}.about__photo-box.reveal.active .composition__picture--4{transform:rotate(8deg) translate(-50%, -50%);opacity:1}}@media (hover: hover){.composition__picture--4:hover{transform:rotate(8deg) scale(1.05) translate(-50%, -50%);z-index:5}}@media only screen and (max-width: 37.5em){.composition__picture--4{display:none}}.composition__picture--5{left:calc(50% - 9rem);top:-5rem;transform:rotate(-5deg) translate(-50%, -50%)}@media only screen and (min-width: 37.5em){.about__photo-box.reveal .composition__picture--5{transform:rotate(-5deg) translate(0%, -50%);opacity:0}.about__photo-box.reveal.active .composition__picture--5{opacity:1;transform:rotate(-5deg) translate(-50%, -50%)}}@media (hover: hover){.composition__picture--5:hover{transform:rotate(-5deg) scale(1.05) translate(-50%, -50%);z-index:5}}@media only screen and (max-width: 37.5em){.composition__picture--5{display:none}}.composition__picture--6{left:50%;top:3rem;transform:translate(-50%, -50%);z-index:3}@media only screen and (min-width: 37.5em){.about__photo-box.reveal .composition__picture--6{transform:translate(-50%, -100%);opacity:0}.about__photo-box.reveal.active .composition__picture--6{opacity:1;transform:translate(-50%, -50%)}}@media (hover: hover){.composition__picture--6:hover{transform:scale(1.05) translate(-50%, -50%);z-index:5}}@media only screen and (max-width: 37.5em){.composition__picture--6{display:block;margin:2rem auto;position:relative;top:0;left:0;transform:none}.composition__picture--6:hover{transform:none}}@media only screen and (min-width: 50em) and (hover: hover){.composition:hover .composition__picture--1:not(:hover){transform:scale(0.95) translate(-50%, -50%)}.composition:hover .composition__picture--2:not(:hover){transform:rotate(-5deg) scale(0.95) translate(-50%, -50%)}.composition:hover .composition__picture--3:not(:hover){transform:rotate(7deg) scale(0.95) translate(-50%, -50%)}.composition:hover .composition__picture--4:not(:hover){transform:rotate(8deg) scale(0.95) translate(-50%, -50%)}.composition:hover .composition__picture--5:not(:hover){transform:rotate(-5deg) scale(0.95) translate(-50%, -50%)}.composition:hover .composition__picture--6:not(:hover){transform:scale(0.95) translate(-50%, -50%)}}.card{width:100%;max-width:41rem;position:relative;overflow:hidden;background-size:100%;background-repeat:no-repeat;box-shadow:0 1.5rem 3rem rgba(0,0,0,0.2)}.card.reveal{transform:translateY(10rem) scale(0.8);opacity:0;transition:transform 0.8s ease-out, opacity 0.8s ease-out}.card.reveal.active{transform:none;opacity:1}@media only screen and (max-width: 37.5em){.card{width:80%}}@media only screen and (max-width: 25em){.card{width:100%}}.card--1{background-image:url("../jpg/sbss.jpg")}.card--2{background-image:url("../jpg/proofwriter.jpg")}.card:hover .card__content{transform:translateY(0)}.card__img{width:100%;opacity:0;transition:opacity 0.2s;filter:blur(2px) brightness(50%)}@media only screen and (hover: none){.card__img{opacity:1}}.card:hover .card__img{opacity:1}.card__btn-group{position:absolute;top:calc((100% - var(--height-card-content)) / 2);right:50%;transform:translate(50%, -50%);width:35%;text-align:center}.card:hover .btn{transform:scale(1);opacity:1}.card__content{width:100%;position:absolute;bottom:0;display:flex;flex-direction:column;justify-content:space-between;background-image:linear-gradient(to bottom right, #fff, #eeefec);padding:2rem;transition:transform 0.3s;min-height:var(--height-card-content);transform:translateY(12.8rem)}@media only screen and (hover: none){.card__content{transform:none}}@media only screen and (max-width: 37.5em){.card__content{padding:1rem 2rem}}.card__title{line-height:1.3;font-size:1.7rem;font-weight:700;letter-spacing:1px}@media only screen and (max-width: 37.5em){.card__title{font-size:1.5rem}}.card__subtitle{font-weight:400;font-size:1.5rem;margin-bottom:1.3rem}@media only screen and (max-width: 37.5em){.card__subtitle{font-size:1.3rem;margin-bottom:1rem}}.card__list{list-style:none;font-weight:300;font-size:1.4rem}@media only screen and (max-width: 37.5em){.card__list{font-size:1.3rem}}.card__read-more{font-weight:400;font-size:1.5rem}@media only screen and (max-width: 37.5em){.card__read-more{font-size:1.3rem}}.card:hover .btn__container{transform:scale(1);opacity:1}.btn__container{position:relative;transform:scale(1.5);opacity:0;transition:transform 0.2s, opacity 0.2s}.btn__container:not(:last-child){margin-bottom:2rem}@media only screen and (hover: none){.btn__container{opacity:1;transform:none}}@media only screen and (max-width: 25em){.btn__container{font-size:1.3rem}}.btn__bottom-layer{display:flex;align-items:center;justify-content:center;font-family:'Roboto', sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:2px;border-style:solid;border-width:3px}.btn__bottom-layer--red{color:var(--color-red-light);border-color:var(--color-red-light)}.btn__bottom-layer--white{color:#fff;border-color:#fff}.btn__icon{width:2.3rem;height:2.3rem;fill:currentColor;margin-right:1rem}@media only screen and (max-width: 25em){.btn__icon{width:2rem;height:2rem}}.btn__bottom-layer--white .btn__icon{transform:translate(0.3rem, -0.1rem)}.btn__bottom-layer:hover .btn__link{opacity:1}.btn__link{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;left:0;top:0;border:inherit;opacity:0;transition:opacity 0.2s ease-out}@media only screen and (hover: none){.btn__link{opacity:1}}.btn__link--red,.btn__link--red:link,.btn__link--red:visited{background-color:var(--color-red-light);color:#fff}.btn__link--red:hover,.btn__link--red:link:hover,.btn__link--red:visited:hover{text-decoration:none}.btn__link--white,.btn__link--white:link,.btn__link--white:visited{background-color:#fff;color:var(--color-grey-dark)}.btn__link--white:hover,.btn__link--white:link:hover,.btn__link--white:visited:hover{text-decoration:none}.expand__btn{display:inline-flex;align-items:center;font-family:'Montserrat', sans-serif;font-weight:400;font-size:1.5rem;padding:0 .5rem;color:#fff;background-color:var(--color-red-muted-light);border:1px solid var(--color-red-muted-light);border-radius:2px}@media (hover: hover){.expand__btn:hover{background-color:#a46767;border-color:#a46767;cursor:pointer}}.expand__icon{fill:#fff;width:1.5rem;height:1.5rem;margin-left:1rem}.article__container{display:grid;grid-template-columns:[photo-start content-start] repeat(3, 1fr) [photo-end content-end];row-gap:1rem;column-gap:2rem;grid-auto-rows:min-content;position:relative}.article__container.reveal{transform:translateY(10rem);opacity:0;transition:transform 0.8s ease-out, opacity 0.8s ease-out}.article__container.reveal.active{transform:none;opacity:1}@media only screen and (max-width: 50em){.article__container{grid-template-columns:[photo-start] 1fr [photo-end content-start] repeat(2, 1fr) [content-end]}}@media only screen and (max-width: 37.5em){.article__container{width:80%;grid-template-columns:[photo-start content-start] 1fr [photo-end content-end]}}@media only screen and (max-width: 25em){.article__container{width:100%}}.article__container::after{content:"";display:inline-block;position:absolute;top:0;right:0;height:100%;width:100%;border:1px solid var(--color-grey-light);transform:scale(1);opacity:0;transition:transform 0.2s;z-index:-1}@media (hover: hover){.article__container:hover::after{transform:scale(1.1);opacity:1}}.article__photo{width:100%;grid-column:photo-start / photo-end}.article__content{grid-column:content-start / content-end;display:flex;flex-direction:column}@media (hover: hover){.article__link-underline:hover{background-image:linear-gradient(to right, var(--color-red), var(--color-red));background-position:0 1.04em;background-repeat:repeat-x;background-size:1px 1px}}.article__link,.article__link:link,.article__link:visited{display:inline-block;grid-column:content-start / content-end;line-height:1.4;font-size:1.5rem}.article__link:hover,.article__link:link:hover,.article__link:visited:hover{text-decoration:none}.article__open-icon{height:1.5rem;width:1.5rem;fill:currentColor}.article__title-box{margin-bottom:1.5rem}@media (hover: hover){.article__title-underline:hover{background-image:linear-gradient(to right, var(--color-brown), var(--color-brown));background-position:0 1.04em;background-repeat:repeat-x;background-size:1px 2px}}.article__title,.article__title:link,.article__title:visited{color:var(--color-brown);font-family:'Merriweather', serif;font-weight:400;font-size:2.35rem;line-height:1.4;letter-spacing:-1px;grid-column:content-start / content-end;display:inline}.article__title:hover,.article__title:link:hover,.article__title:visited:hover{text-decoration:none}.article__download-icon{height:2rem;width:2rem;fill:currentColor}.article__abstract{font-size:1.5rem;line-height:1.4;grid-column:content-start / content-end}.article__expand{display:none}.article__expand.show{display:inline}.post-preview__container{margin-bottom:3rem}.post-preview__title-box{margin-bottom:1.5rem}@media (hover: hover){.post-preview__title-underline:hover{background-image:linear-gradient(to right, var(--color-brown), var(--color-brown));background-position:0 1.04em;background-repeat:repeat-x;background-size:1px 2px}}.post-preview__title,.post-preview__title:link,.post-preview__title:visited{color:var(--color-brown);font-family:'Merriweather', serif;font-weight:400;font-size:2.7rem;line-height:1.4;letter-spacing:-1px;grid-column:content-start / content-end;display:inline}.post-preview__title:hover,.post-preview__title:link:hover,.post-preview__title:visited:hover{text-decoration:none}.post-preview__date{font-size:var(--small-font-size)}.about{overflow:hidden}.about__container{align-items:stretch}.about__heading{grid-column:content-start / content-end}.about__content{display:flex;flex-direction:column;justify-content:center}.about__content.reveal{transform:translateX(10rem);opacity:0;transition:transform 0.8s ease-out, opacity 0.8s ease-out}.about__content.reveal.active{transform:none;opacity:1}.about__content--1{grid-column:center-start / center-end}.about__content--2{grid-column:left-start / left-end}@media only screen and (max-width: 87.5em){.about__content--2{grid-column:center-start / center-end}}.about__content--3{grid-column:center-start / center-end}.about__content--4{grid-column:right-start / right-end}@media only screen and (max-width: 87.5em){.about__content--4{grid-column:center-start / center-end}}@media only screen and (max-width: 37.5em){.about__photo-box.reveal{transform:scale(0.8);opacity:0;transition:transform 0.8s ease-out, opacity 0.8s ease-out}.about__photo-box.reveal.active{transform:none;opacity:1}}.about__photo-box--1{grid-column:content-start / span 2}@media only screen and (max-width: 50em){.about__photo-box--1{grid-column:3 / span 2;grid-row:2 / span 1}}@media only screen and (max-width: 37.5em){.about__photo-box--1{grid-column:content-start / content-end}}.about__photo-box--2{grid-column:right-start / right-end}@media only screen and (max-width: 87.5em){.about__photo-box--2{grid-column:center-start / center-end}}.about__photo-box--3{grid-column:left-start / left-end}@media only screen and (max-width: 87.5em){.about__photo-box--3{grid-column:center-start / center-end}}.about__profile-pic{width:100%;border-radius:50%}@media only screen and (min-width: 50em){.about__profile-pic.reveal{transform:translateX(10rem);opacity:0;transition:transform 0.8s ease-out, opacity 0.8s ease-out}.about__profile-pic.reveal.active{transform:none;opacity:1}}@media only screen and (max-width: 50em){.about__profile-pic.reveal{transform:scale(0.8);opacity:0;transition:transform 0.8s ease-out, opacity 0.8s ease-out}.about__profile-pic.reveal.active{transform:none;opacity:1}}@media only screen and (max-width: 37.5em){.about__profile-pic{width:50%;display:block;margin:auto}}@media only screen and (max-width: 25em){.about__profile-pic{width:80%;display:block;margin:auto}}.projects{background-color:var(--color-green-light)}.projects__heading{grid-column:content-start / content-end}.projects__content{grid-column:content-start / content-end;display:grid;grid-template-columns:repeat(auto-fit, minmax(32rem, 1fr));column-gap:3rem;row-gap:4rem;align-items:start;justify-items:center}@media only screen and (max-width: 37.5em){.projects__content{grid-template-columns:1fr}}.research__heading{grid-column:content-start / content-end;justify-self:start}.research__content{grid-column:content-start / content-end;display:grid;grid-template-columns:[content-start] repeat(3, 1fr) [content-end];column-gap:3rem;row-gap:4rem;justify-items:center}@media only screen and (max-width: 62.5em){.research__content{grid-template-columns:[content-start] repeat(2, 1fr) [content-end];column-gap:6rem;row-gap:6rem}}@media only screen and (max-width: 50em){.research__content{grid-template-columns:[content-start] 1fr [content-end];row-gap:4rem}}.blog{margin-top:var(--height-navbar)}.blog__heading{grid-column:center-start / center-end}.blog__content{grid-column:center-start / center-end}.post{margin-top:var(--height-navbar)}.post__back-button{grid-column:center-start / center-end}.post__heading{grid-column:center-start / center-end}.post__title{color:var(--color-brown);font-family:'Merriweather', serif;font-weight:400;font-size:4rem;line-height:1.4;letter-spacing:-1px}.post__content{grid-column:center-start / center-end}.post__content h2{margin:3rem 0 1.5rem 0;font-family:'Roboto', sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:3px;font-size:2.8rem}.post__content p{margin-bottom:2rem}.post__content ul{padding-left:3rem;margin-bottom:2rem}.post__toc{grid-column:1 / center-start;position:sticky;top:50vh;transform:translateY(-50%);align-self:start}.post__toc a{transition:all 50ms ease-in-out;opacity:.8;color:var(--color-brown)}.post__toc a:hover{color:var(--color-red)}.post__toc li{list-style-type:none;font-size:var(--small-font-size)}@media only screen and (max-width: 50em){.post__toc{display:none}}.post__toc .active a{opacity:1;color:var(--color-red)}.post__comments{grid-column:center-start / center-end}.post .highlight{background-color:#2d2d2d;color:#f8f8f2;padding:1em;border-radius:4px;margin:5rem 0;overflow-x:auto;font-size:var(--small-font-size)}.post blockquote{padding:1rem;padding-left:2.5rem;margin:0.5rem 0;background-color:var(--color-green-light);border-left:4px solid var(--color-green);font-style:italic;position:relative}