.PortfolioMain_portfolio__main__zXUrr{max-width:100%;width:100%;background-image:url(/static/media/bg.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;text-align:center;padding:15%}.PortfolioMain_portfolio__main__zXUrr h1{width:-moz-fit-content;width:fit-content;font-size:40px;border-bottom:3px solid #fff;margin:0 auto 26px;padding-bottom:20px}.PortfolioProjects_portfolio__projects__ixnUl nav{margin:26px 0}.PortfolioProjects_portfolio__projects__ixnUl nav ul{display:flex;justify-content:center;gap:20px}.PortfolioProjects_portfolio__projects__ixnUl nav ul li{height:30px;cursor:pointer;color:#828282;transition:all .2s}.PortfolioProjects_portfolio__projects__ixnUl nav ul .PortfolioProjects_active__xW3S5{color:#fff;border-bottom:1px solid #fff}.PortfolioProjects_portfolio__projects__ixnUl ul{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;grid-gap:30px;gap:30px}.PortfolioProjects_portfolio__projects__ixnUl ul li{display:flex;flex-direction:column;gap:20px;overflow:hidden}.PortfolioProjects_portfolio__projects__ixnUl ul li a{height:30px;text-decoration:underline;color:#fff;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media(max-width:1000px){.PortfolioProjects_portfolio__projects__ixnUl ul{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.PortfolioProjects_portfolio__projects__ixnUl ul{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.PortfolioProjects_portfolio__projects__ixnUl ul{grid-template-columns:1fr}}