@font-face {
  font-family: font_strong;
  src: url("../../shared/font/VI_BMWMotorrad-Bold.ttf") format("truetype"),
    url("../../shared/font/VI_BMWMotorrad-BoldItalic.ttf") format("truetype"),
    url("../../shared/font/VI_BMWMotorrad-Heavy.ttf") format("truetype"),
    url("../../shared/font/VI_BMWMotorrad-HeavyItalic.ttf") format("truetype"),
    url("../../shared/font/VI_BMWMotorrad-Italic.ttf") format("truetype"),
    url("../../shared/font/VI_BMWMotorrad-Light.ttf") format("truetype"),
    url("../../shared/font/VI_BMWMotorrad-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

:root {
  --yellow: #ffcb05;
  --black: #000;
  --white: #fff;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

html {
  font-size: 10px;
}

body {
  font-family: "vi_bmwmotorrad-regul", sans-serif;
  overflow-x: hidden;
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
}

img {
  max-width: 100%;
  height: auto;
}
input,
button {
  outline: 0;
  border: none;
}
ul,
li {
  list-style: none;
  margin: 0;
}

a {
  text-decoration: none;
  cursor: pointer;
}

input::placeholder {
  color: var(--yellow);
}
/* Chrome,Opera,Safari */
::-webkit-input-placeholder {
  color: var(--yellow);
}
/* Firefox 19+ */
::-moz-placeholder {
  color: var(--yellow);
}
/* Firefox 18- */
:-moz-placeholder {
  color: var(--yellow);
}
/* IE 10+ */
:-ms-input-placeholder {
  color: var(--yellow);
}

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

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.black {
  color: var(--black);
}

.yellow {
  color: var(--yellow);
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}