File: class.css-generator.global.css

  html, body {
		background:white;
		font-family:arial;
		font-size:12px;
		min-width:200px;
	}

   .super-container {
    position:relative; 
	
    border-bottom:1px solid #ccc;
    
	top:0px;
	
    height:120px;
	padding-top:20px;
	padding-bottom:20px;
	
	
	width:100%;

	
	position:fixed;
	z-index:999;
	background:white;

		box-shadow:0px 5px 10px 0px rgba(228, 162, 45, 0.2);
		-box-shadow:0px 5px 10px 0px rgba(228, 162, 45, 0.2);
		-webkit-box-shadow:0px 5px 10px 0px rgba(228, 162, 45, 0.2);



  }
  
  
	.super-display {
		position:relative;
		width:100%;
		height:100%;

		left:50%;

		width:90%;
		margin-left:-45%;

		text-align:center;
		padding-top:23px;
	}

	.css-tool .display {
		height:100px;
		padding:0px;
		margin-top:10px;
		margin-bottom:30px;

		font-family:arial;
		color:black;
	}
  

	.css-tool .display {
		position:relative;
		width:80%;
		left:50%;
		margin-left:-40%;
	}

 
	.css-tool .text {
		position:relative;
		top:50%;
		
		margin-top:-20px;
		
		text-align:center;

	}
  
  
	.css-tool .label {
		width:100%;
		font-size:22px;
		/* background:black; */
	}

.css-tool select {
	margin-bottom:4px;
}


	.css-tool .code-area textarea {
		height:200px;
	}
  


  
  .section {
    display:none;
  }
  
  .section.diagonal {
    padding-top:12px;
    display:block;
  }
  



 




.css-tool .tool-title {
	position:relative;
		
	left:50%;
	width:80%;
	margin-left:-40%;
	
	
	display:block;
	text-align:center;
	padding-top:10px;
	height:32px;


box-shadow:2px 3px 10px 0px rgba(228, 162, 45, 0.2);
-box-shadow:2px 3px 10px 0px rgba(228, 162, 45, 0.2);
-webkit-box-shadow:2px 3px 10px 0px rgba(228, 162, 45, 0.2);	

	color:white;
	background:black;
}