.project-tags{font-family:var(--font-inter),sans-serif;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.project-tags>.tag{filter:saturate(65%);background:color-mix(in srgb,var(--tag-color)10%,#fff0);border:1px solid color-mix(in srgb,var(--tag-color)20%,#fff0);color:color-mix(in srgb,var(--tag-color)100%,#fff0);white-space:nowrap;border-radius:8px;align-items:center;padding:4px 8px;font-size:14px;font-weight:600;display:flex}.project-tags>.tag img{width:auto;height:16px;margin-right:5px}
.p-code{font-family:var(--font-poppins),"Poppins",sans-serif;color:#fff;background:#000;max-width:1200px;height:100%;margin:0 auto;padding:0;font-weight:300;position:relative}.page-container{width:100%;height:fit-content;max-height:100%;overflow-y:scroll}
.featured-container{flex-direction:column;justify-content:center;align-items:center;gap:150px;max-width:1024px;margin:auto auto 150px;display:flex}.featured-container article{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}@media (max-width:1000px){.featured-container article{flex-direction:column;justify-content:center}}.featured-container article.flip{flex-direction:row-reverse}.featured-container article>.text{flex-direction:column;justify-content:center;max-width:440px;display:flex}.featured-container article>.text>h3{margin:unset;line-height:unset;font-size:40px}.featured-container article img,.featured-container article .iframe-container{width:100%;max-width:500px}.featured-container article .iframe-container iframe{all:unset;width:500px;height:650px}