.gamemainmenu
{
  margin: 100px 100px;
  gap: 100px;

  .game-title
  {
    width: 800px;
    height: 200px;
    margin-bottom: 100px;
    
    background-image: url("ui/logo-banner.png");
    background-size: contain;
  }

  .controls
  {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
  
  .links
  {
    position: absolute;
    right: 100px;
    bottom: 100px;
    flex-direction: row-reverse;
    
    .github
    {
      height: 60px;
      aspect-ratio: 1;
      background-image: url("ui/github-mark-white.svg");
      background-size: contain;
      background-position: center center;
      margin-bottom: 5px;
      margin-top: 5px;
    }
    
    .copy-popup
    {
      font-family: Poppins;
      font-size: 24px;
      margin-top: auto;
      margin-bottom: auto;
      margin-right: 20px;
      
      opacity: 0;
    }
    
  }
  
}