@charset "utf-8";

.App {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

html {
  scroll-behavior: smooth;
}

button:focus-visible {
  outline: rgb(20, 184, 166) solid 2px;
  outline-offset: 2px;
}

button,
a,
.card {
  transition-property: background-color, border-color, color, transform,
    box-shadow;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

::selection {
  background-color: rgb(20, 184, 166);
  color: white;
}