.navBar_nav__m1tE3{grid-area:nav;background:var(--color-red);display:grid;grid-template-columns:1fr 2fr 2fr 1fr;grid-template-areas:". logo links .";align-items:center;z-index:2}.navBar_nav__m1tE3 ul{grid-area:links;display:flex;list-style:none;color:var(--color-font);justify-content:flex-end;margin:0;padding:0}.navBar_nav__m1tE3 li{padding-left:1rem}.navBar_nav__m1tE3 a{position:relative}.navBar_nav__m1tE3 a:after{content:"";display:block;background:var(--color-font);opacity:0;height:3px;border-radius:2px 2px 0 0;transition:opacity .75s ease-in-out;position:absolute;bottom:-.8rem;left:-5px;right:-5px}.navBar_nav__m1tE3 a:hover:after{opacity:1}.navBar_bannerIcon__xcCax{grid-area:logo;height:1.5rem;align-items:center;transition:transform .5s ease-in-out;fill:var(--color-cyan)}.navBar_bannerIcon__xcCax:hover{transform:rotate(15deg)}@media only screen and (max-width:700px){.navBar_nav__m1tE3{display:block;position:relative;transform-origin:left;grid-template-rows:5rem auto;grid-template-areas:"logo" "links";align-items:unset}.navBar_nav__m1tE3>*{position:-webkit-sticky;position:sticky}.navBar_nav__m1tE3:before{position:absolute;content:"";top:0;bottom:0;left:0;width:var(--grid-size-nav-bar);background:var(--color-red);transition:all .3s ease-in-out}.navBar_bannerIcon__xcCax{grid-area:unset;top:1rem;left:.5rem}.navBar_nav__m1tE3:hover:before{transform:scaleX(5);background:var(--color-red)}.navBar_nav__m1tE3 ul{grid-area:unset;position:-webkit-sticky;position:sticky;flex-direction:column;justify-content:flex-start;align-items:flex-start;top:5rem;margin:.5rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;transform:translateX(-4rem);transition-delay:.12s}.navBar_nav__m1tE3 li{padding:.5rem 0;align-items:center;border:2px solid var(--color-font);border-radius:5px;text-align:center;width:6.5rem;margin:.5rem;opacity:0;transition:opacity .15s ease-in-out}.navBar_nav__m1tE3 li:hover{background-color:var(--color-font);color:var(--color-red);font-weight:700}.navBar_nav__m1tE3 a:after{content:unset}.navBar_nav__m1tE3:hover ul{transform:translateX(0)}.navBar_nav__m1tE3:hover li{transition:opacity .3s ease-in-out .2s;opacity:1}}.blogcard_card__brPBE{display:grid;margin:1rem 0;grid-template:". ." 3fr ". title" 1fr ". description" 2fr ". date" 1fr ". ." 1fr/4rem 1fr 1rem;max-height:300px;max-width:600px;background-color:#0009;grid-row-gap:.5rem;opacity:.8;transition:all .3s ease-in-out;border-radius:5px}.blogcard_card__brPBE:hover{opacity:1;box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px transparent}.blogcard_img__ehYiP{grid-row:1/-1;grid-column:1/-1;height:300px;border-radius:5px 0 0 5px}.blogcard_card__brPBE>.blogcard_title__cXwbd,.blogcard_date__7pu9W,.blogcard_description__coLUt{margin:0;background:hsla(0,0%,33%,85%);padding:.3rem;border-radius:3px}.blogcard_title__cXwbd{grid-area:title;align-self:end}.blogcard_description__coLUt{grid-area:description;align-self:center}.blogcard_date__7pu9W{grid-area:date;align-self:center}@media only screen and (max-width:700px){.blogcard_card__brPBE{grid-template:"title title" 3fr ". date" 1fr/1fr 1fr}.blogcard_card__brPBE>.blogcard_title__cXwbd,.blogcard_date__7pu9W,.blogcard_description__coLUt{margin:.2rem 0;overflow-wrap:break-word;z-index:10}.blogcard_title__cXwbd{align-self:end}.blogcard_date__7pu9W{align-self:start}.blogcard_card__brPBE>.blogcard_description__coLUt{display:none}}