/*
font-family: 'Comfortaa', cursive;
font-family: 'Nanum Gothic Coding', monospace;
font-family: 'Lato', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

.title {
  margin-top: 30px;
  text-align: center;
  font-size: 58px;
  font-family: 'Comfortaa', cursive;
}

.controls {
  margin: 10px auto 10px auto;  /* up right down left */
  height: auto;
  width: 600px;
  /* border-radius: 1px;
  border-style: solid;
  border-color: green;
  border-width: 1px; */
}

.control-group {
  margin: 2px auto 2px auto;
  height: 30px;
  /* border-radius: 1px;
  border-style: solid;
  border-color: red;
  border-width: 1px; */
}

#cg1 {
  text-align: center;
  /* width: 430px; */
}

#cg2 {
  text-align: center;
  /* width: 430px; */
}

.button-custom {
  display: inline-flex;
  height: 30px;
  width: 100px;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  background-color: green;
  border-radius: 3px;
  cursor: pointer;
}

.button-custom:hover {
  background-color: pink;
}

.b-text {
  margin: auto auto;
  color: white;
}

#label-colors-min {
  margin-left: 20px;
}

.input-num {
  width: 60px;
}

#main-container {
  margin: 0px auto 0px auto;
  width: 1000px;
  height: 1200px;
  /* border-radius: 5px;
  border-style: solid;
  border-color: green;
  border-width: 2px; */
}

#canvas-container {
  margin: 0px auto 0px auto; /* up right down left */
  width: 801px;
  height: 801px;
  border-radius: 5px;
  border-style: solid;
  border-color: lightgrey;
  border-width: 8px;
}

#canvas  {
  margin: auto auto auto auto; /* up right down left */
  width: 800px;
  height: 800px;
  /* border-radius: 2px;
  border-style: solid;
  border-color: pink;
  border-width: 2px; */
}

.noselect { /* prevents text from being selectable */
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}