#colors {
        width: 195px;
        height: 125px;
        border: 1px solid rgb(20, 20, 20);
        border-radius: 6px;
        padding: 1.5px 3.5px 1.5px 3.5px;
        background-image: linear-gradient(bottom, rgba(247, 247, 247, 0.8) 40%, rgba(230, 230, 230, 0.8) 70%);
        background-image: -o-linear-gradient(bottom, rgba(247, 247, 247, 0.8) 40%, rgba(230, 230, 230, 0.8) 70%);
        background-image: -moz-linear-gradient(bottom, rgba(247, 247, 247, 0.8) 40%, rgba(230, 230, 230, 0.8) 70%);
        background-image: -webkit-linear-gradient(bottom, rgba(247, 247, 247, 0.8) 40%, rgba(230, 230, 230, 0.8) 70%);
        background-image: -ms-linear-gradient(bottom, rgba(247, 247, 247, 0.8) 40%, rgba(230, 230, 230, 0.8) 70%);

        background-image: -webkit-gradient(linear,
          left bottom,
          left top,
          color-stop(0.4, rgba(247, 247, 247, 0.8)),
          color-stop(0.7, rgba(230, 230, 230, 0.8)));
        box-shadow: 1.5px 1.5px 3px rgba(60, 60, 60, 0.8);
      }


      #main_color {
        width: 30px;
        height: 10px;
        border: 1.5px solid gold;
        box-shadow: 0.5px 0.5px 0.5px gray;
        display: inline-block;
      }

      .color {
        list-style: none;
        display: inline-block;
        width: 20px;
        height: 15px;
      }

      .farbtastic {
        position: relative;
      }

      .farbtastic * {
        position: absolute;
        cursor: crosshair;
      }

      .farbtastic,
      .farbtastic .wheel {
        width: 97.5px;
        height: 97.5px;
      }

      .farbtastic .color,
      .farbtastic .overlay {
        top: 23.5px;
        left: 23.5px;
        width: 50.5px;
        height: 50.5px;
      }

      .farbtastic .wheel {
        background: url(../img/pic/03.png) no-repeat;
        width: 97.5px;
        height: 97.5px;
      }

      .farbtastic .overlay {
        background: background: url();
        background-image: url(../img/pic/02.png);
        no-repeat;
      }

      .farbtastic .marker {
        width: 8.5px;
        height: 8.5px;
        margin: -4px 0 0 -4px;
        overflow: hidden;
        background: url(../img/pic/01.png) no-repeat;


      }





      .colorwell.block:hover {
        opacity: 0.9;
      }

      .colorwell.block:active {
        opacity: 0.7;
      }

      /* #colorpicker {
  padding-left:25%;
  width:50%;
  
} */

      #preset_colors {
        border: 2.5px solid black;
        position: absolute;
        height: 80px;
        width: 80px;
        left: 115px;
        top: 30px;
      }

      #main_color {
        position: absolute;
      }


      .showtime {
        display: none;
      }

      .neon {
        margin: 0 auto;
        text-align: center;
        color: white;
        text-shadow: 0 0 5px #87ceeb, 0 0 7.5px #87ceeb, 0 0 15px deepskyblue, 0 0 15px deepskyblue, 0 0 15px deepskyblue, 0 0 20px deepskyblue, 0 0 25px deepskyblue, 0 0 60px deepskyblue, 0 0 70px deepskyblue, 0 0 80px deepskyblue, 0 0 90px deepskyblue, 0 0 100px skyblue;
      }

      .info {
        margin: 0 auto;
        text-align: center;
        color: #87ceeb;
        text-shadow: 0 0 5px #87ceeb, 0 0 7.5px #87ceeb;
        font-size: 20px;
      }