@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter.eot");
  src: url("../fonts/Inter.woff2") format("woff2"),
    url("../fonts/Inter.woff") format("woff"),
    url("../fonts/Inter.ttf") format("truetype");
}

@font-face {
  font-family: "Inter Light";
  src: url("../fonts/Inter-Light.eot");
  src: url("../fonts/Inter-Light.woff2") format("woff2"),
    url("../fonts/Inter-Light.woff") format("woff"),
    url("../fonts/Inter-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Inter Bold";
  src: url("../fonts/Inter-Bold.eot");
  src: url("../fonts/Inter-Bold.woff2") format("woff2"),
    url("../fonts/Inter-Bold.woff") format("woff"),
    url("../fonts/Inter-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Inter SemiBold";
  src: url("../fonts/Inter-SemiBold.eot");
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"),
    url("../fonts/Inter-SemiBold.woff") format("woff"),
    url("../fonts/Inter-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Inter Medium";
  src: url("../fonts/Inter-Medium.eot");
  src: url("../fonts/Inter-Medium.woff2") format("woff2"),
    url("../fonts/Inter-Medium.woff") format("woff"),
    url("../fonts/Inter-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Inter SemiBoldItalic";
  src: url("../fonts/Inter-SemiBoldItalic.eot");
  src: url("../fonts/Inter-SemiBoldItalic.woff2") format("woff2"),
    url("../fonts/Inter-SemiBoldItalic.woff") format("woff"),
    url("../fonts/Inter-SemiBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Inter BlackItalic";
  src: url("../fonts/Inter-BlackItalic.eot");
  src: url("../fonts/Inter-BlackItalic.woff2") format("woff2"),
    url("../fonts/Inter-BlackItalic.woff") format("woff"),
    url("../fonts/Inter-BlackItalic.ttf") format("truetype");
}

html {
  line-height: 1.2;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

html,
body {
  position: fixed;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  width: 100%;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}

.root {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 177.8vh;
  height: 100vh;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0;
  margin-top: 0;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  background-color: #f3f2ea;
}

.layer {
  position: absolute;
}

.hashtag {
  color: #000;
  font-size: calc(36 / 720 * 100vh);
}

.title {
  font-size: calc(40 / 720 * 100vh);
  color: #000;
  font-weight: normal;
}

.title__layer {
  left: calc(78 / 720 * 100vh);
  top: calc(42 / 720 * 100vh);
}

.hashtag__layer {
  left: calc(959.5 / 720 * 100vh);
  top: calc(48 / 720 * 100vh);
}

.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.font-1 {
  font-family: "Inter";
}
.font-2 {
  font-family: "Inter Light";
}
.font-3 {
  font-family: "Inter Bold";
}
.font-4 {
  font-family: "Inter SemiBold";
}
.font-5 {
  font-family: "Inter Medium";
}
.font-6 {
  font-family: "Inter SemiBoldItalic";
}
.font-7 {
  font-family: "Inter BlackItalic";
}