* {
  margin: 0;
}
div {
  display: flex;
}
.r {
  position: relative;
}
.p-fw {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.f-n-m:first-child {
  margin: 0;
}
.fvw {
  width: 100vw;
}
.fvh {
  height: 100vh;
}
.fw {
  width: 100%;
}
.fh {
  height: 100%;
}
.f {
  display: flex;
}
.f.s-a {
  justify-content: space-around;
}
.f.s-b {
  justify-content: space-between;
}
.f.s-e {
  justify-content: space-evenly;
}
.f.w {
  flex-wrap: wrap;
}
.f.nw {
  flex-wrap: nowrap;
}
.f.c {
  align-items: center;
  justify-content: center;
}
.f.h {
  flex-direction: row;
}
.f.h.hc {
  justify-content: center;
}
.f.h.vc {
  align-items: center;
}
.f.h.h-s {
  justify-content: flex-start;
}
.f.h.h-e {
  justify-content: flex-end;
}
.f.h.v-s {
  align-items: flex-start;
}
.f.h.v-e {
  align-items: flex-end;
}
.f.v {
  flex-direction: column;
}
.f.v.hc {
  align-items: center;
}
.f.v.vc {
  justify-content: center;
}
.f.v.h-s {
  align-items: flex-start;
}
.f.v.h-e {
  align-items: flex-end;
}
.f.v.v-s {
  justify-content: flex-start;
}
.f.v.v-e {
  justify-content: flex-end;
}
/*# sourceMappingURL=pf.css.map */