@mixin font-face($name) {
  @font-face {
    font-family: $name;
    src:
       //url("../font/" + $name + ".woff2") format("woff2"),
       url("../font/" + $name + ".woff") format("woff"),
       url("../font/" + $name + ".ttf") format("truetype"),
       url("../font/" + $name + ".otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}

@mixin row {
  display: flex;
  flex-direction: row;
}

@mixin column {
  display: flex;
  flex-direction: column;
}