/*
* IMPORTS
*/
@font-face {
  font-family: "Barlow";
  src: url("./assets/fonts/BarlowCondensed-Regular.woff2") format("woff2"), url("./assets/fonts/BarlowCondensed-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow XBold";
  src: url("./assets/fonts/BarlowCondensed-ExtraBold.woff2") format("woff2"), url("./assets/fonts/BarlowCondensed-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*
* UNIVERSAL
*/
* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}

body {
  background-color: black;
}

h1 {
  font-family: "Barlow XBold", sans-serif;
}

.main {
  height: 100dvh;
  width: 100dvw;
}
.main .center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .center .logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .center .logo img {
  width: 75%;
}
@media (max-width: 800px) {
  .main .center .logo img {
    width: 35%;
  }
}