:root {
  --background: #F4F4F4;
  --background-button: #CC0000;
  
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  @media (max-width: 1080px) {
    font-size: 93.75%;
  }

  @media (max-width: 720px) {
    font-size: 87.5%;
  }
}

body {
  background: var(--background);
  -webkit-font-smoothing: antialiased;
}

body, input, textarea, button {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6, strong {
  font-weight: 600;
}

button {
  cursor: pointer;
}

canvas{ 
  display: block;
}
#particles-container{ 
  position: absolute; 
  width: 100%; 
  height: calc(100% - 100px); 
  background-color: #FFF;
  background-position: 100% 100%; 
}