@font-face{font-family:MuseoSans;src:url(/assets/fonts/MuseoSans.otf)}@font-face{font-family:GilroyLight;src:url(/assets/fonts/Gilroy-Light.otf)}@font-face{font-family:GilroyBold;src:url(/assets/fonts/Gilroy-ExtraBold.ttf)}html{scroll-behavior:smooth}body{font-family:MuseoSans;margin:0 auto;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:GilroyLight}ul,li,a{list-style-type:none;text-decoration:none;color:unset;padding:0;margin:0}.main__landing{margin:2em 0}.main__landing--title{font-size:3em;margin:0 auto;width:max-content;color:var(--red--400);line-height:1.2}.main__landing--title:nth-of-type(2){font-family:GilroyBold}.main__landing--intro,.main__landing--letters,.main__landing--arrow{display:none}.main__blogpost--container{margin:2em auto;display:grid;grid-template-columns:1fr;gap:2em}.main__blogpost{display:flex;flex-direction:column;margin:0 auto;padding:1em;min-height:26em;width:18em;color:var(--grey--000);border-radius:8px}.main__blogpost img{width:18em;height:11em;border-radius:8px;object-fit:cover}.main__blogpost--title{font-size:2em;margin-top:.4em;margin-bottom:0;font-family:GilroyBold}.main__blogpost--info{margin:0}.main__blogpost--description{margin:.6em 0}.main__blogpost--link{background-color:var(--grey--000);border-radius:8px;padding:.4em;width:max-content;display:block;margin:1em 0}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:3em 0 2em}.footer__socials{display:flex;gap:1em}.footer__socials ion-icon{height:24px;width:24px;color:var(--grey--200)}.footer__message{color:var(--grey--200)}@media screen and (min-width: 768px){.main__blogpost--container{grid-template-columns:1fr 1fr;gap:4em 0}footer{flex-direction:row;justify-content:space-between;margin:2em 3em}}@media screen and (min-width: 1024px){.main__blogpost--container{grid-template-columns:1fr 1fr 1fr;gap:4em 0}}@media screen and (min-width: 1500px){.main__blogpost--container{grid-template-columns:1fr 1fr 1fr 1fr;gap:4em 0}.main__landing{margin-top:0;display:flex;justify-content:space-between;align-items:center}.main__landing h1{font-size:10em}.main__landing--intro{display:block;color:var(--red--400);font-size:1.8em;margin:0 auto;text-align:center;max-width:28em}.main__landing--text{margin:0 auto}.main__landing--letters{display:block;max-width:36em}.main__landing--arrow{display:block;margin:0 auto;width:10em}}@media screen and (min-width: 1900px){.main__blogpost--container{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:4em 0}}:root{--grey--000: #fff;--grey--200: #e4e4e7;--grey--400: #a1a1aa;--grey--600: #52525b;--grey--800: #27272a;--grey--1000: #000;--red--200: #fecaca;--red--400: #f87171;--orange--200: #fed7aa;--orange--400: #fb923c;--yellow--200: #ffeb9c;--yellow--400: #f8c84d;--green--200: #d9f99d;--green--400: #99da31;--blue--200: #bae6fd;--blue--400: #38bdf8;--purple--200: #ddd6fe;--purple--400: #a78bfa;--pink--200: #fbcfe8;--pink--400: #fb719d}.blogpost__container{width:80vw;margin:0 auto}.blogpost__title{width:100%;font-size:3em;margin:.6em 0;text-align:left;color:var(--red--400)}.blogpost__container--red{background-color:var(--red--400);padding:1em .6em;color:var(--grey--000);border-radius:16px;text-align:center;box-shadow:8px 8px 0 0 var(--red--200)}.blogpost__back{color:var(--grey--000);background-color:var(--red--400);padding:10px 12px;border-radius:16px;margin-top:1em;display:block;width:max-content;box-shadow:5px 6px 0 0 var(--red--200)}.blogpost__image{display:none}.astro-code{width:80vw;padding:1em .6em;margin:0 auto;border-radius:16px}@media screen and (min-width: 768px){.blogpost__container p,.blogpost__container--red{max-width:50em}}@media screen and (min-width: 1500px){.blogpost__container{width:50vw;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:left}.blogpost__container--red{width:100%}.blogpost__container p,.blogpost__container--red{max-width:unset}.blogpost__back{margin-right:auto}.astro-code{width:50vw}}li:nth-child(7n+1){background-color:var(--red--400);&.main__blogpost{box-shadow:10px 10px 0 0 var(--red--200)}& p:nth-of-type(1){color:var(--red--200)}& a{color:var(--red--400)}}li:nth-child(7n+2){background-color:var(--orange--400);&.main__blogpost{box-shadow:10px 10px 0 0 var(--orange--200)}& p:nth-of-type(1){color:var(--orange--200)}& a{color:var(--orange--400)}}li:nth-child(7n+3){background-color:var(--yellow--400);&.main__blogpost{box-shadow:10px 10px 0 0 var(--yellow--200)}& p:nth-of-type(1){color:var(--yellow--200)}& a{color:var(--yellow--400)}}li:nth-child(7n+4){background-color:var(--green--400);&.main__blogpost{box-shadow:10px 10px 0 0 var(--green--200)}& p:nth-of-type(1){color:var(--green--200)}& a{color:var(--green--400)}}li:nth-child(7n+5){background-color:var(--blue--400);&.main__blogpost{box-shadow:10px 10px 0 0 var(--blue--200)}& p:nth-of-type(1){color:var(--blue--200)}& a{color:var(--blue--400)}}li:nth-child(7n+6){background-color:var(--purple--400);&.main__blogpost{box-shadow:10px 10px 0 0 var(--purple--200)}& p:nth-of-type(1){color:var(--purple--200)}& a{color:var(--purple--400)}}li:nth-child(7n+7){background-color:var(--pink--400);&.main__blogpost{box-shadow:10px 10px 0 0 var(--pink--200)}& p:nth-of-type(1){color:var(--pink--200)}& a{color:var(--pink--400)}}.red{color:var(--red--400)}.orange{color:var(--orange--400)}.yellow{color:var(--yellow--400)}.green{color:var(--green--400)}.blue{color:var(--blue--400)}.purple{color:var(--purple--400)}.pink{color:var(--pink--400)}
