#landing{grid-template-rows:min-content min-content auto min-content;grid-template-areas:"nav""header""main""footer";min-height:100vh;margin:0;font-size:16px;display:grid;position:relative}#landing h2{text-align:center;margin:0 0 10px;font-size:35px}#landing section{scroll-margin-top:50px}#landing__header{grid-area:header;justify-self:center}#landing__header h1{text-align:center;background-color:var(--color-gray-m);border:4px solid var(--color-green-d);border-radius:100px;width:max-content;min-width:17ch;max-width:70vw;margin:25px 0 0;padding:10px 20px;font-size:22px}#landing__main{grid-area:main;grid-template-areas:"bio""featured""projects";justify-self:center;gap:20px;max-width:1400px;margin:20px;display:grid}#landing__about-me{grid-area:bio;grid-template-rows:min-content auto;display:grid}#landing__bio{flex-direction:column;gap:10px;padding-top:30px;padding-bottom:30px;display:flex}#landing__bio p{text-indent:2em;min-width:20ch;margin:0 0 0 5px;font-size:18px}#landing__featured-project{grid-area:featured;grid-template-rows:min-content auto;display:grid}#landing__featured-project .project-data img{aspect-ratio:0;object-fit:cover;width:90%;height:100%;max-height:none}#landing__other-projects{grid-area:projects;justify-self:center;max-width:1300px}#landing__other-projects>ul{flex-flow:wrap;justify-content:center;gap:20px;padding:0;list-style:none;display:flex}#landing__other-projects>ul>li{flex:400px;max-width:600px;display:flex}#landing__other-projects>ul>li>*{align-self:stretch;width:100%}#landing__footer{background-color:var(--color-gray-m);border-top:4px solid var(--color-purple-m);grid-area:footer}#landing__footer ul{justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}#landing__footer a{text-align:center;padding:5px 0;font-size:12px;text-decoration:none;display:block}#landing__footer a:hover,#landing__footer a:focus,#landing__footer a:active{border-top:4px solid var(--color-red-m);margin-top:-4px}@media only screen and (width>=340px){#landing__footer ul{gap:15px}}@media only screen and (width>=410px){#landing__header h1{font-size:28px}#landing__footer a{font-size:15px}}@media only screen and (width>=475px){#landing__header h1{font-size:35px}#landing__footer ul{gap:25px}#landing__footer a{padding:5px}}@media only screen and (width>=550px){#landing__header h1{font-size:40px}}@media only screen and (width>=660px){#landing__footer ul{gap:50px}#landing__footer a{padding:5px 10px;font-size:18px}}@media only screen and (width>=900px){#landing__main{grid-template-columns:1fr 2fr;grid-template-areas:"bio featured""projects projects"}#landing__featured-project .project-data img{width:100%}}@media only screen and (width>=1000px){#landing__featured-project .project-data{grid-template:"image title"1fr"image tags"min-content"image description"min-content"image role"min-content"image link"1fr/5fr 4fr;align-content:center}#landing__featured-project .project-data h3{align-self:end}#landing__featured-project .project-data img{height:90%}#landing__featured-project .project-data a{align-self:start}}.project-data{grid-template-rows:min-content min-content auto auto auto min-content;grid-template-areas:"title""image""tags""description""role""link";align-items:center;gap:10px;display:grid}.project-data h3{text-align:center;grid-area:title;justify-self:center;width:fit-content;margin:0;font-size:20px}.project-data img{aspect-ratio:16/9;object-fit:contain;grid-area:image;place-self:center;max-width:90%;height:175px;margin:0;display:block}.project-data ul{flex-flow:wrap;grid-area:tags;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.project-data ul>li{flex:0 0 fit-content;color:var(--color-green-l);border:2px solid var(--color-green-m);border-radius:100px;height:min-content;padding:3px 6px;font-size:13px;display:block}.project-data p{text-indent:2em;margin:0;padding-left:10px}.project-data p.description{grid-area:description}.project-data p.role{grid-area:role}.project-data a{border:2px solid var(--color-purple-m);text-align:center;border-radius:100px;grid-area:link;justify-self:center;width:fit-content;margin:0;padding:3px 30px;font-size:20px;text-decoration:none;display:block}.project-data a:hover,.project-data a:focus,.project-data a:active{border-color:var(--color-red-m)}@media only screen and (width>=550px){.project-data h3{text-wrap-style:balance}}#sub-blog{max-width:700px;margin:25px auto}#sub-blog h1{text-align:center;text-wrap-style:balance;margin-top:10px}#blog-post__nav ul{flex:1}#blog-post__article{width:700px;max-width:80vw;margin:25px auto}#blog-post__article img{border:4px solid var(--color-green-d);border-radius:40px;max-width:80%;max-height:70vh;margin:auto;display:block}#blog-post__article video{border:4px solid var(--color-green-d);border-radius:40px;width:95%;margin:auto;display:block}#blog-post__article h1{text-align:center;text-wrap-style:balance;margin-top:10px}#blog-post__article h2{text-wrap-style:balance;border-bottom:1px solid var(--color-green-d);padding-bottom:1px;padding-left:5px}#blog-post__article h3{text-align:center;text-wrap-style:balance;margin:0 0 -5px}#blog-post__article p{text-indent:4rex}#blog-post__article a{word-wrap:break-word}#blog-post__article pre:has(>code){border:2px dashed var(--color-green-m);scrollbar-color:var(--color-purple-m) #0000;border-radius:10px;max-height:400px;padding:10px;overflow-y:auto}.text--gray-l{color:var(--color-gray-l)}.med-background{background-color:var(--color-section-background);border-radius:30px;padding:15px}.nav-bar{background-color:var(--color-gray-m);border-bottom:4px solid var(--color-purple-m);z-index:100;grid-area:nav;margin-top:-3px;position:sticky;top:0}.nav-bar ul{justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.nav-bar li>*{text-align:center;padding:7px 0 5px;font-size:12px;text-decoration:none;display:block}.nav-bar a:hover,.nav-bar a:focus,.nav-bar a:active{border-bottom:4px solid var(--color-red-m);margin-bottom:-4px}@media only screen and (width>=340px){.nav-bar ul{gap:15px}}@media only screen and (width>=410px){.nav-bar li>*{font-size:15px}}@media only screen and (width>=475px){.nav-bar ul{gap:25px}.nav-bar li>*{padding:7px 5px 5px}}@media only screen and (width>=660px){.nav-bar ul{gap:50px}.nav-bar li>*{padding:7px 10px 5px;font-size:18px}}:root{--color-gray-d:#18151a;--color-gray-m:#27222b;--color-gray-l:#675a72;--color-green-d:#52ebad;--color-green-m:#9bf3d0;--color-green-l:#ccfae8;--color-purple-d:#8b50eb;--color-purple-m:#b892f2;--color-purple-l:#ddccfa;--color-red-d:#eb5252;--color-red-m:#f39b9b;--color-red-l:#facccc;--color-main:#fff;--color-h1:var(--color-green-d);--color-h2:var(--color-green-d);--color-h3:var(--color-main);--color-anchor:var(--color-purple-m);--color-anchor-active:var(--color-red-m);--color-body-background:var(--color-gray-d);--color-section-background:var(--color-gray-m);color:var(--color-main);background-color:var(--color-body-background);font-family:Verdana,Tahoma,sans-serif}h1{color:var(--color-h1)}h2{color:var(--color-h2)}h3{color:var(--color-h3)}a,a:visited{color:var(--color-anchor)}a:hover,a:focus,a:active{color:var(--color-anchor-active)}body{margin:0}