.header {
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  font-family: Barlow, sans-serif, arial;
  background-color: #1D1D21;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; }
  .header .content {
    width: 85%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .header .content {
        width: 100%;
        padding: 0 15px; } }
    .header .content .logo {
      height: 31.716px; }
      .header .content .logo .icon {
        width: 104px;
        height: 31.716px; }
      @media only screen and (max-width: 767px) {
        .header .content .logo {
          height: 21px; }
          .header .content .logo .icon {
            width: 68.862px;
            height: 21px; } }
    .header .content .auth-btns {
      display: flex;
      flex-direction: row; }
      .header .content .auth-btns .auth-btn {
        height: 32px;
        border-radius: 17.5px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 0 16px;
        text-decoration: none; }
        .header .content .auth-btns .auth-btn span {
          color: #FFFFFF;
          font-size: 12px;
          text-transform: uppercase;
          letter-spacing: 0.6px; }
        .header .content .auth-btns .auth-btn.register {
          background: transparent linear-gradient(270deg, #FF0026 0%, #700036 100%); }
          .header .content .auth-btns .auth-btn.register span {
            font-size: 11px;
            letter-spacing: 0.55px; }
          @media only screen and (max-width: 330px) {
            .header .content .auth-btns .auth-btn.register {
              padding: 0 10px; } }
        .header .content .auth-btns .auth-btn.login {
          background-color: #343438;
          margin-right: 15px; }
          @media only screen and (max-width: 330px) {
            .header .content .auth-btns .auth-btn.login {
              padding: 0 10px; } }

/*# sourceMappingURL=header.css.map */
