#top{padding-top:var(--spacing-extra-small)}@media(min-width: 1024px){#top .col{max-width:80%}}@media(max-width: 1023px){#top h1{font-size:1.7rem}}#work [data-tab-button]{background-color:transparent;color:var(--primary);font-weight:500;padding:.5rem 1rem;border:2px solid transparent;border-radius:3px;transition:color .3s}#work [data-tab-button].active{border-color:var(--primary)}#work [data-tab-button]:not(.active):hover{color:var(--primary-2)}#work [data-tab-content]:not(.active){display:none}#work .category-button{display:flex;align-items:center;background:transparent;padding:0;border:none;color:var(--primary);font-weight:600;font-size:1.2rem}#work .category-button div{text-align:left}#work .category-button svg{flex-shrink:0;margin-left:.5rem;transition:transform .2s ease-in-out}#work .category-button.active svg{transform:rotate(180deg)}#work .portfolio-col a:hover img{transform:scale(1.1)}#work .portfolio-col a:hover h3{color:var(--primary)}#work .portfolio-col .portfolio-container .portfolio-image-wrapper{overflow:hidden;margin-bottom:1.5rem}#work .portfolio-col .portfolio-container .portfolio-image-wrapper img{transition:transform .4s}#work .portfolio-col .portfolio-container span{color:var(--primary)}#work .portfolio-col .portfolio-container span:not(:last-of-type){margin-right:.5rem}#work .portfolio-col .portfolio-container h3{margin-top:.25rem;transition:color .4s}@media(min-width: 768px){#work .portfolio-col{padding-bottom:4%}#work .portfolio-col:nth-of-type(odd){padding-right:2.5%}#work .portfolio-col:nth-of-type(even){padding-left:2.5%}}@media(max-width: 767px){#work .portfolio-col{width:100%;margin-bottom:1.25rem}}@media(min-width: 1024px){#work .category-button{display:none}}@media(max-width: 1023px){#work .tabs-container{display:none}#work .tabs-container button{display:block}#work .category-button.active+.tabs-container{display:block}}/*# sourceMappingURL=work.css.map */