:root{--primary-color:rgb(75,195,117);--primary-text-color:#333c4d;--title-text-family:"Muli",sans-serif}menu,ol,ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:inherit}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:'Muli',sans-serif;color:var(--primary-text-color)}body{margin:0;padding-left:1rem;padding-right:1rem;background:#F9F9FB}#top-menu{display:flex;padding-top:1rem;align-items:center;justify-content:space-between;max-width:1100px;margin:auto;a.website-title{align-self:center;font-size:1.5rem;line-height:2rem;font-weight:600;white-space:nowrap}ul{display:flex;font-weight:500;gap:1.5rem}}main{padding-left:1rem;padding-right:1rem;max-width:1100px;margin-left:auto;margin-right:auto;@media (max-width:600px){padding:0}}footer{padding-top:1.25rem;padding-bottom:1.25rem;font-size:0.875rem;line-height:1.25rem;text-align:center;div.green-line{border-top:var(--primary-color) 1px solid;margin:auto auto 0.75rem;width:150px}}#index--whoami{display:grid;gap:1.5rem;place-items:center;padding-top:4rem;@media (min-width:768px){padding-top:8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.me{text-align:left;@media (max-width:768px){text-align:center}h1{font-size:2.25rem;line-height:2.5rem;font-weight:800;margin-bottom:0}h4{margin-top:1rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;span:first-child{color:var(--primary-color)}}p.desc{@media (max-width:768px){display:none}display:block;margin-top:1rem;margin-bottom:1rem;}div.social-icon{@media (max-width:768px){display:none}gap:1.25rem;display:inline-flex;img{width:1rem;height:1rem}}}.me-photo{@media (max-width:768px){display:none}img{border-radius:9999px;border:#333c4d 3px solid;padding:2px;width:350px;height:350px}}}#index--whoami-numbers{display:grid;padding:2rem 1rem;margin-top:3rem;gap:2rem;text-align:center;@media (min-width:500px){margin-top:6rem;grid-template-columns:repeat(3,minmax(0,1fr))}h6{margin:0.5rem 0 0;font-size:1.5rem;line-height:2rem;font-weight:600}p{margin-top:0.75rem;font-weight:300}}#index--skills{margin-top:4rem;h2 span{color:var(--primary-color)}.skill-container{display:grid;margin-top:2rem;gap:2rem;@media (min-width:640px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){grid-template-columns:repeat(3,minmax(0,1fr));}}.skill-container .skill{padding:2rem 1rem;h3{margin-bottom:1.5rem;text-align:center}}}#index--clients{margin-top:4rem;h2 span{color:var(--primary-color)}.works-container{display:grid;margin-top:5rem;gap:2rem;@media (min-width:640px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:1024px){grid-template-columns:repeat(3,minmax(0,1fr));}}.works-container .work{position:relative;padding:4rem 1rem 2rem;margin-bottom:2rem;.icon{position:absolute;left:2rem;top:-3rem;border-radius:50%;background-color:#ffffff;width:85px;height:85px;padding:1px;border:2px solid #e5e7eb;img{border-radius:50%}}p{margin-top:0;font-weight:300}.when{font-weight:600}}}#index--blog-posts{margin-top:4rem;h2 span{color:var(--primary-color)}.articles-container{display:grid;position:relative;margin-top:4rem;gap:2rem;@media (min-width:640px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:1024px){grid-template-columns:repeat(3,minmax(0,1fr));}}.articles-container .article{padding:4rem 1rem 2rem;margin-bottom:2rem;.img-cover{display:inline-block;position:relative;left:2rem;margin-top:-6rem;border-radius:0.5rem;background-color:#ffffff;background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;width:80%;aspect-ratio:5/3;box-shadow:0 3px 6px rgb(0,0,0,0.05)}a.title{display:block;margin-top:1.25rem}.intro{margin-top:0.5rem;font-weight:300}.date{margin-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-style:italic;font-weight:300;text-align:right}.meta-desc{margin-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-style:italic;font-weight:300;text-align:right}}}#blog--index{display:flex;flex-direction:row;gap:2rem;margin-top:6rem;#articles-list-wrapper #articles-list{display:grid;position:relative;margin-top:2rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;@media (max-width:600px){grid-template-columns:repeat(1,minmax(0,1fr))}.article-card{padding:4rem 1rem 2rem;margin-bottom:2rem;.article-cover-image{position:relative;display:inline-block;left:2rem;margin-top:-6rem;border-radius:0.5rem;box-shadow:inset 0 0 0 2px #e5e7eb;background-color:#ffffff;background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;width:80%;aspect-ratio:5/3}.article-title{margin-top:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}.article-intro{margin-top:0.5rem;font-weight:300}.article-date{margin-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-style:italic;font-weight:300;text-align:right}}}}#blog--article{display:flex;gap:2rem;margin-top:6rem;section#article-content{max-width:900px;overflow-x:auto;h1{font-size:1.875rem;line-height:2.25rem;font-family:Poppins,sans-serif;font-weight:normal}.article-details{display:flex;margin-top:1rem;gap:1rem;font-size:14px;color:var(--primary-color)}.article-content{background-color:white;box-shadow:0 3px 6px #e5e7eb;border-radius:0.5rem;padding:1rem 0.25rem;margin-top:1rem;text-align:justify;font-size:18px;font-weight:300}h2{margin:24px 0 24px 1rem;font-family:var(--title-text-family);font-size:24px;font-weight:400;color:var(--primary-color);border-bottom-color:var(--primary-color);border-bottom-style:solid;border-bottom-width:1px}h3{margin:18px 0 10px 1rem;font-family:var(--title-text-family);font-size:20px;font-weight:400;color:var(--primary-color)}p{margin:1rem}ul{overflow-x:auto;li{margin-left:1rem;list-style:inside}}img{max-width:100%;height:auto;margin:1rem 0}.codehilite{overflow-x:auto;margin-bottom:1.25rem;margin-left:1rem}.admonition{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;text-align:left}.admonition.note{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.admonition.warning{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.admonition.danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.admonition-title{font-weight:bold;text-align:left}}}#blog--index,#blog--article{section#right-menu-container{flex:none;font-family:'Muli',sans-serif;@media (max-width:1024px){display:none}}section#right-menu-type-list,section#right-menu-tag-list,section#right-menu-recent-articles-list{padding-left:1rem;padding-right:1rem;margin-bottom:1rem;border-left-width:2px;border-left-color:var(--primary-color);border-left-style:solid;h4{margin-bottom:0.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;color:var(--primary-color)}ul{padding-left:0.25rem;li a{font-weight:300;&.active{font-weight:700}}}}}.ady-card{border-radius:0.5rem;background-color:rgb(255 255 255);box-shadow:0 3px 6px rgb(0,0,0,0.1)}.font-muli{font-family:'Muli',sans-serif}.font-bold{font-weight:700}.font-light{font-weight:300}.flex-none{flex:none}.paginator{display:inline-flex;align-items:stretch;border-radius:0.5rem;box-shadow:0 3px 6px rgb(0,0,0,0.1);.paginator-item{display:inline-flex;padding:0.6rem 1rem;background-color:white;border-radius:0.5rem;align-items:center;font-weight:600;cursor:pointer;&.paginator-item-active{background-color:#ececee}}.paginator-item:first-child:not(:last-child),.paginator-item:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.paginator-item:last-child:not(:first-child),.paginator-item:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}}pre{line-height:125%}td.linenos .normal{color:inherit;background-color:transparent;padding-left:5px;padding-right:5px}span.linenos{color:inherit;background-color:transparent;padding-left:5px;padding-right:5px}td.linenos .special{color:#000000;background-color:#ffffc0;padding-left:5px;padding-right:5px}span.linenos.special{color:#000000;background-color:#ffffc0;padding-left:5px;padding-right:5px}.codehilite .hll{background-color:#ffffcc}.codehilite{background:#f8f8f8}.codehilite .c{color:#3D7B7B;font-style:italic}.codehilite .err{border:1px solid #FF0000}.codehilite .k{color:#008000;font-weight:bold}.codehilite .o{color:#666666}.codehilite .ch{color:#3D7B7B;font-style:italic}.codehilite .cm{color:#3D7B7B;font-style:italic}.codehilite .cp{color:#9C6500}.codehilite .cpf{color:#3D7B7B;font-style:italic}.codehilite .c1{color:#3D7B7B;font-style:italic}.codehilite .cs{color:#3D7B7B;font-style:italic}.codehilite .gd{color:#A00000}.codehilite .ge{font-style:italic}.codehilite .ges{font-weight:bold;font-style:italic}.codehilite .gr{color:#E40000}.codehilite .gh{color:#000080;font-weight:bold}.codehilite .gi{color:#008400}.codehilite .go{color:#717171}.codehilite .gp{color:#000080;font-weight:bold}.codehilite .gs{font-weight:bold}.codehilite .gu{color:#800080;font-weight:bold}.codehilite .gt{color:#0044DD}.codehilite .kc{color:#008000;font-weight:bold}.codehilite .kd{color:#008000;font-weight:bold}.codehilite .kn{color:#008000;font-weight:bold}.codehilite .kp{color:#008000}.codehilite .kr{color:#008000;font-weight:bold}.codehilite .kt{color:#B00040}.codehilite .m{color:#666666}.codehilite .s{color:#BA2121}.codehilite .na{color:#687822}.codehilite .nb{color:#008000}.codehilite .nc{color:#0000FF;font-weight:bold}.codehilite .no{color:#880000}.codehilite .nd{color:#AA22FF}.codehilite .ni{color:#717171;font-weight:bold}.codehilite .ne{color:#CB3F38;font-weight:bold}.codehilite .nf{color:#0000FF}.codehilite .nl{color:#767600}.codehilite .nn{color:#0000FF;font-weight:bold}.codehilite .nt{color:#008000;font-weight:bold}.codehilite .nv{color:#19177C}.codehilite .ow{color:#AA22FF;font-weight:bold}.codehilite .w{color:#bbbbbb}.codehilite .mb{color:#666666}.codehilite .mf{color:#666666}.codehilite .mh{color:#666666}.codehilite .mi{color:#666666}.codehilite .mo{color:#666666}.codehilite .sa{color:#BA2121}.codehilite .sb{color:#BA2121}.codehilite .sc{color:#BA2121}.codehilite .dl{color:#BA2121}.codehilite .sd{color:#BA2121;font-style:italic}.codehilite .s2{color:#BA2121}.codehilite .se{color:#AA5D1F;font-weight:bold}.codehilite .sh{color:#BA2121}.codehilite .si{color:#A45A77;font-weight:bold}.codehilite .sx{color:#008000}.codehilite .sr{color:#A45A77}.codehilite .s1{color:#BA2121}.codehilite .ss{color:#19177C}.codehilite .bp{color:#008000}.codehilite .fm{color:#0000FF}.codehilite .vc{color:#19177C}.codehilite .vg{color:#19177C}.codehilite .vi{color:#19177C}.codehilite .vm{color:#19177C}.codehilite .il{color:#666666}