@use "/src/styles/vars" as v;

#app {
  .logo {
    font-family: v.$heading-font-family;
    font-weight: 500;
    font-size: 24px;
  }

  .clickable {
    :hover {
      cursor: pointer;
    }
  }

  .v-btn {
    //font-family: v.$heading-font-family;
    text-transform: none;
  }

  .v-card-title {
    font-family: v.$heading-font-family;
    //color: v.$blue;
  }

  .title {
    font-family: v.$heading-font-family;
  }

  .v-list-subheader {
    font-family: v.$heading-font-family;
  }

  //input {
  //  text-align: center;
  //}
  //
  //.v-field__input {
  //  justify-content: center;
  //}
  //
  //.v-text-field.text-end input {
  //  text-align: end;
  //}
  //
  //.v-input {
  //  margin-top: 1em;
  //  margin-bottom: 1em;
  //}

  .maxw {
    max-width: v.$card-maxw;
  }

}

.uniswap-color {
  color: v.$uniswap-color;
}
