@layer reset;@layer defaults{:root{--primary-font-family:"Roboto",sans-serif;font-size:18px}body{font-family:var(--primary-font-family);flex-direction:column;min-height:100vh;display:flex}input,textarea{font-family:var(--primary-font-family)}html{min-height:100vh}body>main{flex:1}body>main h1{margin:1em 0;padding-bottom:7px;font-size:2em;font-weight:500}body>main h2{margin:1em 0 .7em;font-size:1.5em;line-height:1.5em;&:first-child{margin-top:0}}body>main h3{margin:1em 0 .7em;font-size:1.5em;font-weight:300;line-height:1.5em;&:first-child{margin-top:0}}body main :where(h1,h2,h3,h4,h5,h6){font-family:Fredoka,sans-serif;& a,& a:visited{color:inherit;text-decoration:none}}strong{font-weight:700}em{font-style:italic}.blog-post{& ul{margin:1em 0;list-style-type:disc;& li{text-align:left;margin-left:35px;padding:5px 0;list-style-position:outside}}& aside{margin:2em;padding-left:1em}}}@layer layout{body{& .content-column{width:90%;min-width:300px;max-width:62rem;margin:0 auto;padding:0;position:relative;&:before,&:after{content:"";width:5px;height:100%;position:absolute;top:0}&:before{left:-5px}&:after{right:-5px}}&>header{& .content-column{flex-direction:row;align-items:center;display:flex;&>section{width:fit-content;margin:auto}& h1{text-align:center;margin-top:1rem;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:300}&>img:last-of-type{border-radius:50% 0%;padding-left:10px}}}&>nav{z-index:2;position:sticky;top:0;& .menu-button{cursor:pointer;margin-left:2em;display:none}& .content-column{align-items:center;display:flex;& img{margin-bottom:12px}& ul{justify-content:start;gap:1em;height:3em;padding-left:20px;font-family:Fredoka,sans-serif;font-size:1.2rem;display:flex;& li{align-items:stretch;display:flex;position:relative}& li a span{padding:0 15px;display:flex;position:relative}& li a:before{content:"";width:0%;height:calc(100% - 22px);transition:width .1s ease-in-out,left .1s ease-in-out;position:absolute;top:7px;left:50%}& li a:hover:before,& li.active a:before{width:100%;left:0}& li a span:after{content:""}& a,& a:visited{align-items:start;padding-top:.9em;display:flex}& li a span:first-of-type{display:none}}}}}section.text-columns{flex-flow:wrap;gap:2em;display:flex;&>*{flex:1;min-width:20em}}body.index>main{& .content-column>section{margin-bottom:4em;& h1{border-width:3px}}& section.text-columns>:first-child,& section.text-columns>:nth-child(4){flex:0 0 100%}& .blog-grid{grid-row-gap:1em;grid-column-gap:1.5em;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(3,auto);display:grid;& article{grid-template-rows:subgrid;grid-row:1/5;display:grid;& h2{margin:0;& a{border-bottom:1px solid}}& .perex-image{grid-row:1}& h2{grid-row:2}& .perex-content{grid-row:3}& footer{grid-row:4}& .perex-image{text-align:center}}& footer{margin:0}}}body>main article{text-align:justify;line-height:1.5em;& footer{flex-wrap:wrap;justify-content:space-between;margin-top:1em;font-size:.8em;font-style:italic;display:flex;& a{font-weight:700}}&.perex{flex-direction:row;align-items:start;gap:1em;margin-bottom:2em;display:flex;&:nth-of-type(2n){flex-direction:row-reverse}& .perex-content{flex:1}& .perex-image{margin-top:2em}}& p:not(:last-of-type){margin-bottom:1em}}body>footer{margin-top:2em;padding:2em 0;& .content-column{flex-direction:row;justify-content:space-between;display:flex;& section{margin:0}& section:has(nav){padding-left:10px}& h1{text-align:center;margin:10px 0 0;font-weight:300}& h2{text-align:left;margin:0 0 10px;font-weight:500}& ul{margin-left:20px;& li{margin-bottom:10px;& a{align-items:center;display:flex}& img{margin-right:10px}}}}}body.about{& main .content-column>article{& .img{float:left;border-radius:0% 50% 50% 0;margin:40px 20px 20px 0;position:relative;overflow:hidden;& img{width:99%}}&>.img:after{content:" ";background:radial-gradient(farthest-side at 150px,#0000,#0000 60%,#fff);display:block;position:absolute;inset:0}}}body.contact>main article{& address{margin:30px}}body>main article{& .sem-img{padding:10px}}body.about{& .sem-img{float:left;margin:0 1em 1em 0}& h1{margin-left:290px}}body.blog .blog-post{& .sem-img{float:left;margin:0 1em 1em 0}& h1{margin-bottom:.5em;margin-left:290px}& header,& footer{justify-content:end;align-items:center;gap:1em;margin:1em 0;font-size:.8em;font-style:italic;display:flex}& footer{justify-content:start}}img.avatar{border-radius:50%}#cookie-consent{width:calc(100vw - 2em);min-width:300px;max-width:62rem;margin:0 auto;padding:1em;font-size:.8em;position:fixed;top:100vh;left:0;transform:translateY(calc(-100% - 100px));& p,& details{margin-bottom:1em;line-height:1.5em}& p:last-child{flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:0;display:flex;& button{padding:5px 10px}& [value=accept]{margin:0 auto}}}body.about,body.blog .blog-post{& blockquote{align-items:start;gap:20px;width:80%;max-width:600px;margin:40px auto;font-size:140%;line-height:1.5em;display:flex}& blockquote:before{content:"“";font-family:Times New Roman;font-size:2em}& blockquote:after{content:"”";align-self:end;font-family:Times New Roman;font-size:2em}}@media (width<=1000px){body.index>main{& .blog-grid{flex-wrap:wrap;display:flex;& article{grid-template-rows:min-content 1fr min-content;grid-template-areas:"img h""img perex""img footer";grid-auto-columns:min-content 1fr;gap:1em;& .perex-image{grid-area:img}& h2{grid-area:h}& .perex-content{grid-area:perex}& footer{grid-area:footer}}& article:nth-of-type(2n){grid-template-areas:"h img""perex img""footer img";grid-auto-columns:1fr min-content}}}}@media (width<=750px){body.about,body.blog .blog-post{& blockquote{width:90%;max-width:600px;margin:20px auto;font-size:120%;line-height:1.5em}}body.index{&>main{& .blog-grid{flex-wrap:wrap;display:flex;& article,& article:nth-of-type(2n){display:block}& .perex-image{display:none}}}&>header{padding:10px 0;& img{height:80px}& h1{text-align:left;font-size:1rem}}& section.text-columns>*{flex:0 0 100%;min-width:0}}body.blog{& .perex-image{display:none}& .blog-post{& .sem-img{float:none;display:none}& h1{margin-left:0}}}body.about{& .sem-img{float:none}& h1{margin-left:0}}}@media (width<=560px){body>nav{& .content-column{& ul{gap:.2em;height:4em;& li a{flex-direction:column;align-items:center}& li a span:first-of-type{padding:0 5px;display:block}& li a span:last-of-type{padding:0 5px;font-size:12px;display:block}}}}}@media (width<=500px){body>footer section:first-of-type{display:none}}code{border-radius:5px;padding:2px 5px;font-family:monospace;font-size:90%}pre code.hljs{tab-size:4}}@layer theme{:root{--primary-font-color:#222;--primary-green:#7dd671;--primary-green-transparent:#7dd6713f;--header-footer-background:#e0f5dc;--primary-blue-1:#268db5;--primary-blue-2:#296597;--primary-blue-3:#2f3777;--primary-blue-3-transparent:#2f37777f;--primary-link-color:#972965}body{color:var(--primary-font-color)}body{min-height:100vh;&>header{background-color:var(--header-footer-background);& .content-column{&>img:last-of-type{background:linear-gradient(270deg,#0000 0%,var(--primary-green-transparent)100%);box-shadow:-4px 4px 4px silver}}}&>nav{background:linear-gradient(to bottom,var(--header-footer-background)calc(100% - 5px),var(--primary-blue-3)calc(100% - 5px),white);& .content-column{& ul{& li a:before{content:"";background:linear-gradient(var(--primary-blue-3-transparent),#0000 30%,#0000 90%,var(--primary-blue-3-transparent))}& a,& a:visited{color:var(--primary-font-color);text-decoration:none}}}}}body.index>nav{background:linear-gradient(to bottom,#fff 90%,var(--primary-blue-3)90%,white)}body>main h1{color:var(--primary-blue-2);border-bottom:1px solid var(--primary-blue-2)}body>main h2,body>main h3{color:var(--primary-blue-1)}body>main{& a,& a:visited{color:var(--primary-link-color)}}body main :where(h1,h2,h3,h4,h5,h6){& a,& a:visited{color:inherit;text-decoration:none}}body.index main{& .content-column>section{& h1{border-width:3px}}}body>main .blog-grid{& article{& h2{& a{border-bottom:1px solid}}}}body>main article{& .sem-img{border:2px solid var(--primary-blue-1)}}body>footer{background-color:var(--header-footer-background);background:linear-gradient(to top,var(--header-footer-background)calc(100% - 5px),var(--primary-blue-3)calc(100% - 5px),white);& .content-column{& a,& a:visited{color:var(--primary-font-color);text-decoration:none}& a:hover{text-decoration:underline}}}& .blog-post{& hr{border:0;border-bottom:1px solid var(--primary-blue-1)}& aside{border-left:1px solid var(--primary-blue-1);border-right:1px solid var(--primary-blue-1)}}#cookie-consent{border:2px solid var(--primary-blue-3);background-color:#71d0f5;& p:last-child{flex-wrap:wrap;justify-content:center;align-items:center;display:flex;& button{border:0}& [value=accept]{color:#fff;background-color:var(--primary-blue-3)}& [value=reject]{background-color:var(--primary-blue-1)}}}code{background:#ddd}}