/*
 * landing_page.css
 */


/* Document */

html,
body
{
  margin: 0;
  padding: 0;

  cursor: default;

  background-color: var(--color_white);

  font-family: var(--font_sans_serif);
  font-weight: var(--font_weight_regular);
  font-size: 1.6rem;
  text-rendering: optimizeLegibility;
  text-align: center;
  color: var(--color_gray_25);
}

html
{
  overflow: hidden;
  font-size: 62.5%;
}

body
{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  box-sizing: border-box;
  padding: 32px;
}


/* Company logo */

h1
{
  display: block;
  margin: 15% auto 32px;
  padding: 0;

  min-height: 80px;

  background-image: url("/assets/logo-34b2f1fa.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;

  text-indent: -9999rem;
}


/* Language selection */

ul
{
  margin: 0;
  padding: 0;

  list-style: none;

  li
  {
    display: inline;

    a,
    a:link,
    a:visited
    {
      display: inline-block;

      margin-top: 32px;
      padding: 0px 1px;

      border-bottom: 2px solid var(--color_white);
      transition: border-bottom-color .2s ease-out;
      -webkit-transition: border-bottom-color .2s ease-out;

      font-weight: var(--font_weight_medium);
      font-size: 2.2rem;
      text-decoration: none;
      color: var(--color_primary);
    } /* /a */

    a:hover,
    a:focus,
    a:active
    {
      border-bottom-color: var(--color_primary);
    }

    &:not(:last-child)
    {
      a,
      a:link,
      a:visited
      {
        margin-right: 32px;
      }
    } /* /li */
  } /* /li */
} /* /ul */