@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(180deg, #ece6fd, #609ceb);
  background-repeat: no-repeat;
  background-size: cover; */

  /* 
  
  ======
  background:
    linear-gradient(180deg, rgba(236,230,253,0.7), rgba(96,156,235,0.7)), */
    /* url('main-image.svg') no-repeat center center / cover;  */
     /* url('main-image.svg') no-repeat center top / cover; */
     /* ===== */

     background:
  linear-gradient(180deg, rgba(236,230,253,0.7), rgba(96,156,235,0.7)),
  url('main-image.svg') no-repeat 50% 25% / cover;
 } 





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

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