/**
  * Projects page styles
  *
  */

  @import url("https://fonts.googleapis.com/css2?family=Assistant&display=swap");

  * {
    font-family: "Assistant", sans-serif;
  }
  
  .page-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    height: 100lvh;
  }
  
  .site-nav {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    list-style-type: none;
    padding-inline-start: 0;
  }
  
  .site-nav > li > a {
    text-decoration: underline transparent;
  }
  
  .site-nav > li > a:not(.logo-link):hover {
    text-decoration-color: black;
  }
  
  .logo {
    transition: transform 400ms ease-in-out;
  }
  
  .logo:hover {
    transform: rotate(180deg);
  }
  
  .socials {
    display: flex;
    list-style-type: none;
    padding-inline-start: 0;
  }
  
  footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .project-grid {
    display: grid;
    gap: 50px;
    grid-template-columns: repeat(auto-fit, minmax(60ch, 1fr));
    list-style-type: none;
    padding-inline-start: 0;
  }
  
  .project-card {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  
  .project-heading {
    text-align: center;
  }
  
  .project-picture > img {
    max-width: 100%;
  }
  
  main {
    padding: 0 75px;
  }