.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;
  background-repeat: no-repeat;
}

.section
{
  flex-direction: column;
  gap: 10px;
}

.controls
{
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
}

.control-cards
{
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
}

.icon
{
  width: 100%;
  height: 100%;
}

.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;
  }

}

.hide
{
  opacity: 0;
}