@font-face {
  font-family: 'Titillium';
  src: url('fonts/TitilliumWeb-Regular.ttf')
  src: local('Power'), url('fonts/TitilliumWeb-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Titillium-b';
  src: url('fonts/TitilliumWeb-Bold.ttf');
  src: local('Power'), url('fonts/TitilliumWeb-Bold.ttf') format('truetype');
}

body, html {
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        background-color: #161D35;
        font-family: 'Titillium';
        width: 100%;
      }

      .container {
        width: 390px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding-top: 2rem;
      }

      .container h1 {
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 20px;
      }

      .buttons {
        display: flex;
        width: 390px;
        flex-direction: row;
        flex-wrap: wrap;
      }

      .buttons .button {
        width: 100%;
        cursor: pointer;
        border: none;
        color: #fff;
        padding: 1rem 0;
        margin: 0 1rem 1px;
      }

      .buttons .button.google {
        background-color: #d50000;
      }

      .buttons .button.facebook {
        background-color: #0866FF;
      }

      .buttons .button.twitter {
        background-color: #1d9bf0;
      }

      .buttons .button.apple {
        background-color: #000000;
      }

      .buttons .button > span {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-family: 'Titillium';
        font-size: 12px;
      }

      .buttons .button img {
        width: 24px;
        height: 24px;
        margin: 0;
      }
      .txt {
        color: #fff;
        font-family:'Titillium';
        text-align:center;
        font-size: 26px;
    line-height: 32px;
      }
      .subtitle {
        color: #fff;
        font-family:'Titillium';
        text-align:center;
      }

      .link {
        background-color: #F7D200;
        border-radius: 10px;
        padding: 10px 20px;
      }

      a {
        font-family: 'Titillium-b';
        text-decoration: none;
        color: #000000;
        font-size: 24px;
        text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
      }