@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&display=swap";
.members-page{color:#fff;background-color:#000;flex-direction:column;align-items:center;padding-top:120px;padding-left:20px;padding-right:20px;display:flex}.members-header h1{text-align:center;margin-bottom:40px;font-family:Playfair Display,serif;font-size:4rem;font-style:italic;font-weight:400}.board-container{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,1fr);justify-items:center;gap:40px;margin-bottom:60px;display:grid}.board-container .president{grid-area:1/2}.board-container .hr{grid-area:2/1}.board-container .okonomi{grid-area:2/3}.board-container .arrangement{grid-area:3/1;margin-top:-20px}.board-container .markedsforing{grid-area:3/3;margin-top:-20px}.members-container{flex-wrap:wrap;justify-content:center;gap:40px;width:100%;margin-bottom:60px;display:flex}.members-actions{justify-content:center;width:100%;margin-bottom:60px;display:flex}.load-more{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:6px;padding:12px 18px;font-weight:600}.load-more:hover{background-color:#e6e6e6}.member-card{text-align:center;content-visibility:auto;contain-intrinsic-size:320px 220px;background-color:#ffffff1a;border-radius:8px;flex-direction:column;align-items:center;width:220px;padding:20px;display:flex}.member-card img{object-fit:cover;border-radius:50%;width:150px;height:150px;margin:0 auto 10px}.member-card .name{font-size:1.25rem;font-weight:600}.member-card .role{margin-bottom:.25rem;font-size:1rem}.member-card .info{margin-bottom:.25rem;font-size:.9rem}.member-card a{color:#fff;text-decoration:underline}.member-card .social-link img{width:24px;height:24px;margin-top:4px}@media (max-width:600px){.board-container{grid-template-columns:repeat(2,1fr);gap:20px}.board-container .president{grid-column:1/span 2;justify-self:center;width:calc(50% - 10px)}.board-container .arrangement,.board-container .markedsforing{margin-top:0}.board-container .hr,.board-container .arrangement{grid-column:1}.board-container .okonomi,.board-container .markedsforing{grid-column:2}.members-container{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.member-card{width:100%;padding:15px}.member-card img{width:100px;height:100px}.member-card .name{font-size:1rem}.member-card .role,.member-card .info{font-size:.8rem}}