@font-face {
  font-family: 'Bebas';
  src: url('./fonts/BebasNeuePro-Regular.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bebas Bold';
  src: url('./fonts/BebasNeuePro-Bold.woff2') format('woff');
}

@font-face {
  font-family: 'Bebas Thin';
  src: url('./fonts/BebasNeuePro-Thin.woff2') format('woff');
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Bebas', sans-serif;
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0;
  padding: 0;

  width: 100%;
  height: 100vh;

  background: linear-gradient(90deg, #d8f4f7, #fff6f8);
  background-repeat: no-repeat;
  background-size: cover;
}

body > div {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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