.filters-container{width:100%;color:var(--color-accent)}@media screen and (max-width: 480px){.filters-container{display:none}}.filters-container .filters{width:inherit;display:flex;flex-wrap:wrap;justify-content:space-between;-moz-column-gap:var(--margin-sm);column-gap:var(--margin-sm);row-gap:var(--margin-xxs);padding:var(--margin-sm)}.filters-container .filters .filter{position:relative;cursor:pointer;min-width:200px}.filters-container .filters .filter .circle{position:relative;margin-bottom:-1px;width:18px;height:18px;display:inline-block;border-radius:50%;border:var(--border-width) solid var(--color-accent);transition:all .3s ease}.filters-container .filters .filter .circle::before{content:"";position:absolute;width:18px;height:18px;top:8px;left:8px;transform:translate(-50%, -50%) scale(0);transition:transform var(--fast-animation);border-radius:50%;background-color:var(--color-accent)}@media(hover: hover){.filters-container .filters .filter:hover .circle::before{transform:translate(-50%, -50%) scale(0.3)}}.filters-container .filters .filter.active .circle::before{transform:translate(-50%, -50%) scale(0.7)}@media screen and (max-width: 597px){.filters-container .filters{padding-inline:0}}.tag.active{color:var(--color-accent)}.project-section{position:relative;background-color:var(--color-secondary)}.project-section .project-header{z-index:var(--layer-level-2);position:sticky;top:0}.project-section,.project-header,.project-container,.project-content{width:100%}.project-header{cursor:pointer;border-block:var(--border-width) solid var(--color-primary);padding-block:var(--margin-xs);padding-inline:var(--margin-sm);background-color:var(--color-secondary);margin-bottom:calc(-1*var(--border-width));row-gap:0}@media(hover: hover){.project-header:hover{background-color:var(--color-accent)}}.project-header.open{background-color:var(--color-accent)}.project-header .project-header-item:has(.arrow){text-align:right}.project-header .project-header--arrow{position:absolute;top:var(--margin-xs);right:var(--margin-xs)}@media screen and (max-width: 768px){.project-header .year{display:none}}@media screen and (max-width: 597px){.project-header{padding-left:var(--margin-sm)}}@media screen and (max-width: 480px){.project-header .tags{display:none}}.project-container{height:0;overflow:hidden;transition:height var(--slow-animation)}.project-container .project-content{height:-moz-fit-content;height:fit-content}footer{margin-top:var(--margin-xxl)}/*# sourceMappingURL=projects.css.map */