/**
 * Universal Box Sizing with Inheritance
 * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 * 1. More-intuitive box-sizing model
 * 2. Inherited box-sizing model
 */
html {
  box-sizing: border-box; /* 1 */
}

*,
*::before,
*::after {
  box-sizing: inherit; /* 2 */
}

/**
 * Remove default margin and padding from all elements
 */
* {
  margin: 0;
  padding: 0;
}

/**
 * 1. Optimize text rendering
 * 2. Prevent auto text size adjustment on mobile devices
 * 3. Improve text rendering
 */
html {
  text-rendering: optimizeSpeed; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-font-smoothing: antialiased; /* 3 */
}

/**
 * Ensure the body is at least 100% of the viewport height
 */
body {
  min-height: 100vh;
}

/**
 * Remove default list styles (bullets and numbers)
 */
ul,
ol {
  list-style: none;
}

/**
 * 1. Remove whitespace under images
 * 2. Ensure media does not exceed the width of its container
 */
img,
picture,
video,
canvas {
  display: inline-block; /* 1 */
  max-width: 100%; /* 2 */
  height: auto;
}

button,
input,
textarea,
select {
  border: none;
  border-radius: 0;
  outline: none;
  font: inherit;
  background-color: transparent;
}

input,
textarea {
  font-size: 14px;
}

a,
button {
  cursor: pointer;
}

svg:not(:root) {
  overflow: hidden;
}

a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

textarea {
  resize: none;
}

::-webkit-input-placeholder,
::-moz-placeholder {
  font-size: 14px;
  color: #96979f;
  transition: opacity 0.2s ease;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  src: url("/build/assets/roboto-regular-36LIHh1U.woff2") format("woff2");
  font-family: roboto;
  font-display: swap;
  font-weight: 400;
}
@font-face {
  src: url("/build/assets/roboto-medium-C-WomXeB.woff2") format("woff2");
  font-family: roboto;
  font-display: swap;
  font-weight: 500;
}
@font-face {
  src: url("/build/assets/roboto-bold-YtTgB03s.woff2") format("woff2");
  font-family: roboto;
  font-display: swap;
  font-weight: 700;
}
@font-face {
  src: url("/build/assets/roboto-black-DqIdjJnD.woff2") format("woff2");
  font-family: roboto;
  font-display: swap;
  font-weight: 900;
}
@font-face {
  src: url("/build/assets/roboto-condensed-regular-Cx4fSvHL.woff2") format("woff2");
  font-family: roboto-condensed;
  font-display: swap;
  font-weight: 400;
}
@font-face {
  src: url("/build/assets/roboto-condensed-medium-DWbO6Qhk.woff2") format("woff2");
  font-family: roboto-condensed;
  font-display: swap;
  font-weight: 500;
}
@font-face {
  src: url("/build/assets/roboto-condensed-bold-Cc4SyLaD.woff2") format("woff2");
  font-family: roboto-condensed;
  font-display: swap;
  font-weight: 700;
}
@font-face {
  src: url("/build/assets/roboto-condensed-black-BdN00OV6.woff2") format("woff2");
  font-family: roboto-condensed;
  font-display: swap;
  font-weight: 900;
}
body {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 16px;
  line-height: 1.2;
  font-family: roboto, sans-serif;
}

.container {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  padding: 0 10px;
}