:root {
  --body-color: #18191a;
  --sidebar-color: #2c2c2c;
  --primary-color: #cccccc;
  --primary-color-light: #3a3b3c;
  --toggle-color: #fff;
  --text-color: #ccc;
  --widget-text: rgb(255, 255, 255);
  --widget-color: #3a3b3ca8;

  --tran-03: all 0.2s ease;
  --tran-03: all 0.3s ease;
  --tran-04: all 0.3s ease;
  --tran-05: all 0.3s ease;
}

body {
  overflow: hidden;
  background-color: var(--body-color);
}

main {
  width: 100%;
  margin-top: 24vh;
  height: 50vh;
  background: linear-gradient(45deg, var(--gradient-1), var(--gradient-1));
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

h1 {
  text-align: center;
  font-size: 15vw;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #ffffff; /* You can set the text color as needed */
  margin-bottom: 1rem;
  z-index: 9;
  line-height: 26vh;
}

p {
  text-align: center;
  width: 45%;
  font-size: 2vw;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #e0e0e0; /* You can set the text color as needed */
  z-index: 9;
}