/*@import url("https://codepen.io/MacEvelly/pen/iJGCw.css"); */


.holder{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  owidth:900px;
  oheight: 1100px;  
  border-radius: 35px;
  align-self: center;
  justify-self: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0px solid ;
  display: inline-block;
  margin: auto;
  opadding: 2vmin;
}

 
.held{ 
  padding:1%;
  width:50%;
  margin-top:2.5%;
  position:relative;
  overflow:hidden;
  border-radius: 20px;
  align-self: center;
  justify-self: center;
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0px; 
  omargin: auto;
  opadding: 2vmin;
}

.buttons{
  display:inline-block;
  padding:15px;
  
}

.button{
  display:block;
  otransition-duration: 0.4s;
  owidth:200px;
  width:200px;
  opadding:10px; 
  background: #7ad0d3; 
  font: 15px Arial, sans-serif;
  height: 40px;
  line-height: 42px;
  border: none;     
  outline:none; 
  text-align: center; 
  border-radius:40px;
  background: #fff;
  border: px solid #b33a6d;
  color:#b33a6d;
  letter-spacing:1px;
  text-shadow:0;  
  cursor: pointer;
  otransition: all 0.25s ease;
}
  
  
 .button:hover { 
  color: white;
  background: #b33a6d;
} 

.btnRandom{
  
}

.btnClear{
  font: 15px Arial, sans-serif;
}
.btnDownloadSVG{
  font: 15px Arial, sans-serif;
  
} 

#ActivityDIV{
  opadding:15px; 
  opadding:65px; 
  background: white;
  border: 0px;
  
}

#myPalette .swatchHolder{
  position:absolute;
  bottom:0px;
  margin:auto;
  left:0px;
  right:0px;
  list-style-type:none;
  text-align:center;
  letter-spacing:1px;
  font-family:Arial;
  display:inline-block;
  padding: 15px;
  owidth:260px;
  width:70%;
  border-radius: 35px 35px 35px 35px;
  color: #232323;
  sbackground-color:lightgrey;
  border: 0px;
  
}
#myPalette .swatchHolder .colorHolder{
  width:100%;
  line-height: 160%;
  content:'Color Palette';
  padding: 10px 0px;
  margin: 0px auto 15px auto;
  cursor:pointer;
  border-radius: 20px;
}

#myPalette .swatchHolder li:not(.colorHolder){
  height:10%;
  width:20%;
  margin:5px;
  display:inline-block;
  cursor:pointer;
  border-radius: 20px;
}

#ActivityDIV svg{
  width:100%;
  display:inline-block; 
}

#ActivityDIV svg path{
  cursor:pointer;     
}