#container{
         display: grid;
         grid-template-columns: 50px 60px 60px 
        }
        .item{
            text-align: center;       
        }
      
    .top{transition: background-color .75s ease; color:#fff}
    .topNav{background-color:rgba(0,0,0,.25);  font-size:20px;}
    .center{text-align: center;}
    .hero{text-align: center; margin:50px 10px 50px 10px; }
    .heroInput{
      text-align: center;
      font-weight: 700;
      font-size:36px;
      padding:15px; 
      border:none; 
      padding-left:30px; width:100%; 
      max-width:800px; margin:auto; 
      background-color: rgba(255,255,255,.0);
      outline: 1px solid dotted;
      color: #ffffff;
      text-shadow: 
          0px 1px 4px rgba(0,0,0,0.95);
      border:1px dotted rgba(255,255,255,0.5)

      }
    
    .tabs{margin:auto; width:100%; max-width:600px;  }
    
    .tabs li a{color:#ffffff; font-weight:bold; text-shadow: 0px 1px 2px rgba(0,0,0,0.15)}
      .tabs li.is-active a{color:#363636;}
    .is-active li a:visited{color:#363636;}

    .container{max-width:600px;}
    .button{font-weight:bold;text-shadow: 0px 1px 2px rgba(0,0,0,0.15); box-shadow:0px 1px 2px rgba(0,0,0,0.15) }
    .timeDisplay{font-size: 30px;}
    .buttonTime{width:38px; height:36px; margin:0 5px 2px 0;}
    .nowrap{white-space:nowrap;}
    .foot{margin-top:50px; font-size: 0.8em; color:rgba(255,255,255,0.95); text-shadow:0px 1px 2px rgba(0,0,0,0.55); ;  }
    input[type="color"]{
      width:30px;
      border:1px solid #fff;
      margin:5px;
      padding:0px !important;
      height:30px;
      border-radius:2px;      
}
      .whiteShadow{color:white; text-shadow: 0 2px 3px rgba(0,0,0,0.3)}
      .circles{width:100px; height:auto;}
      .wrapper{white-space: normal;}
      .level-item{flex-shrink: 1}
      .orangeTitle{color:#333;font-size:50px; font-weight:800; text-shadow:0px 3px 9px rgba(0,0,0,0.2)}
      .subtext{margin-top:10px}
      .colorBall{margin:1px;display:inline; cursor:pointer;}
      .colorSwatch{height:36px;width:36px; }
      .thumbnail{box-shadow:0 2px 3px rgba(0,0,0,0.3); cursor:pointer; margin:5px; width:125px; border-radius:4px;}
      .paddy{padding:35px 15px;}
      .swellBackgroundPhoto{background-position:center; background-repeat:no-repeat;background-size:cover;}

.step{width:50px; margin-bottom: 20px;}
.homeShot{box-shadow: 0 3px 9px rgba(0,0,0,0.2);}
.title2{font-size:22px;; font-weight: bold;}