html,body{height:100%}main{background:#000;min-height:100vh}.site-header__nav-list a.portfolio__button{color:#000;padding:var(--space-2) var(--space-4);background-color:#fff;display:inline-block}.portfolio__container{margin-top:var(--space-24);display:grid;grid-template-columns:1fr}.portfolio__card{background:gray;width:300px;margin:0 auto;padding:var(--space-4) var(--space-6);transition:background .2s ease}.portfolio__card:hover{background:#fff}.portfolio__card img{width:100%;height:auto;margin:0 auto}.portfolio__name{font-weight:700;line-height:1;margin-top:var(--space-4);margin-bottom:var(--space-1)}.portfolio__field{line-height:1.2;font-size:var(--text-xs)}@media (min-width: 1000px){.portfolio__container{grid-template-columns:repeat(3,1fr);max-width:1300px;margin:var(--space-24) auto}}