/*
Copyright 2025 Elia Medeot
This file is part of GENERATORE DI TEXTURE 02 and is released under the MIT License.
*/

html,
body {
  padding: 0;
  margin: 0;
  font-size: 14px;
}

#myCanvas {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  border-radius: 1rem;
  box-shadow: 0 0 50px rgb(225, 225, 225);
}

h1 {
  color: rgb(50, 50, 50);
  font-size: 4rem;
  line-height: 4rem;
  font-family: "DM Sans", sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

p {
  color: rgb(125, 125, 125);
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  text-transform: capitalize;
}

a {
  color: rgb(125, 125, 125);
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  text-transform: capitalize;
  text-decoration: none;
}

.lil-gui {
  --background-color: rgb(250, 250, 250);
  --text-color: rgb(125, 125, 125);
  --title-background-color: rgb(245, 245, 245);

  --title-text-color: rgb(125, 125, 125);
  --number-color: rgb(125, 125, 125);
  --string-color: rgb(125, 125, 125);

  --widget-color: rgb(240, 240, 240);
  --hover-color: rgb(235, 235, 235);
  --focus-color: rgb(230, 230, 230);

  --widget-border-radius: 1rem;
  --widget-height: 1.5rem;
  --width: 100%;
  --padding: 0rem;
  --spacing: 0.5rem;

  --name-width: 40%;
  --font-size: 1rem;
  --slider-knob-width: 0.2rem;
  --slider-input-width: 30%;
  --color-input-width: 30%;

  --font-family: "DM Sans", sans-serif;
  --font-family-mono: "DM Mono", sans-serif;
}

.lil-gui .title {
  display: none;
}

.lil-gui .name {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: none;
  font-size: 1rem;

}

.lil-gui input {
  font-family: "DM Mono", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 1rem;
}

.lil-gui .display {
  font-family: "DM Mono", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 1rem;
  width: 100%;
}

.lil-gui button .name {
  font-family: "DM Mono", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 1rem;
}