@charset "UTF-8";


@font-face {
  font-family:'xx';
  src:url('../fonts/Fleya-Light.woff');
  font-weight:200;
  font-style:normal;
}





:root {
  --color: #ffffff;
  --padding-x: 100px;
  --padding-y: 150px;
}

html, body {
  margin:0;
  padding: 0;
  line-height: 1.6;
}

body {
  background-color: #000;
}

video {
  width: 500px;
  height:auto;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  max-width: 70vw;
}

* {
  box-sizing: border-box;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

img {
  max-width: 100%;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

h1, .h1, h2, .h2 {
}

h3, .h3 {
}

p {
}

section, footer {
  width: 100%;
}
.container {
  padding: 0 20px;
}


@media screen and (max-height: 500px) {
}

@media screen and (min-width: 500px) {
}


@media screen and (min-width: 700px) {
}


@media screen and (min-width: 800px) {
}


@media screen and (min-width: 1000px) {
}

@media screen and (min-width: 1200px) {
}

@media screen and (min-width: 1500px) {
}

@media screen and (min-width: 1920px) {
}