::-webkit-selection { 
  color: #fff;
  background: #ff0000;
}
::-moz-selection { 
  color: #fff;
  background: #ff0000;
}

pre {
  height:370px;
width:500px;
  max-width:700px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: none;
  border-radius: 4px;
background-image: url("../images/textarea4.png");
  font-size: 12px;
  resize: none;
color:#fff;
display: inline-block;
overflow: auto;

}
#preview{
background:none;
height:400px;
width:521px;
border: none;
border-radius: 4px;}

.wrapper{
  display:flex;
  flex-direction: column;
  align-items: center;}


.tab{
  cursor: pointer;
  padding:10px 10px;
  margin:4px 2px;
 margin-top:-4px;
  background:#000;
  display:inline-block;
  color:#fff;
  border-radius:3px 3px 0px 0px;
  border: 1px solid #fff;

}

.tab:hover{
  cursor: pointer;
  padding:10px 10px;
  margin:4px 2px;
 margin-top:-4px;
  background:#555;
  display:inline-block;
  color:#fff;
  border-radius:3px 3px 0px 0px;
  border: 1px solid #fff;}

.panels{
background:#000;
background-image: url(1.png);

border: 1px solid #000;
height:450px;
max-width:500px;
border-radius:3px;
overflow:hidden;
padding:20px;  }

.panel{
  display:none;
  animation: fadein .8s;}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold
}
.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #four-panel,
#five:checked ~ .panels #five-panel{


  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab,
#four:checked ~ .tabs #four-tab,
#five:checked ~ .tabs #five-tab{

 background:#ff7e00;
  color:#fff;
  border-top: 3px solid #000;
}

.bottom{
position:relative;
  cursor: pointer;
float:right;
bottom:6px;
text-decoration:none;
font: bold 17px tahoma;
color: #fff;
}

.bottom::before{
content:url(data:image/gif;base64,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);
float:right;
text-decoration:none;
font: bold 17px tahoma;
color: #fff;


}




.cop{
box-sizing: border-box;
display:inline-block;
text-decoration:none;
text-transform:capitalize;
float:left;
margin:2px 10px;
background-color: #ff7e00;
color: #fff;
border: 1px solid #fff;
cursor: pointer;
  border-radius: 4px;
font: normal 14px tahoma;
outline: none;
width: 75px;
  height: 23px;
}

.cop:hover{
background-color:#555;
color:#fff;
}

pre,code{font-family:'Monaco', 'Menlo', courier, monospace;white-space: pre-wrap;}pre{background-image: url("../images/textarea4.png");height: 370px;border: 1px solid #fff;}pre .comment{color:#727272}pre .constant{color:#D8FA3C}pre .storage{color:#FBDE2D}pre .string,pre .comment.docstring{color:#61CE3C}pre .string.regexp,pre .support.tag.script,pre .support.tag.style{color:#fff}pre .keyword,pre .selector{color:#FBDE2D}pre .inherited-class{font-style:italic}pre .entity{color:#FF6400}pre .support{color:#8DA6CE}pre .variable.global,pre .variable.class,pre .variable.instance{color:#FF6400}[data-language="c"] .function.call,.lang-c .function.call,.language-c .function.call{color:#8DA6CE}


  



      #zoom__50:checked ~ .page {
        transform: scale(0.50);
        transform-origin: 0 0;
      }



      #zoom__75:checked ~ .page {
        transform: scale(0.75);
        transform-origin: 0 0;
      }

      #zoom__95:checked ~ .page {
        transform: scale(0.95);
        transform-origin: 0 0;
      }

 






.radio {
    display: none;
}

.radio:checked + label:before {
    background-color: green;cursor: pointer;
}

.radio + label:before {
    background-color:red;
    border-radius:10px;
    display: inline-block;
    position: relative;
    height:17px;
    width:17px;
    content: ' ';
    margin-right: 10px;
    cursor: pointer;
}
.radio + label:after {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 50px 50px 50px 50px;
    content: " ";
    height: 7px;
    width: 7px;
    position: absolute;
    top: 1px;
    left: 5px;    cursor: pointer;
}
label {
    display: inline;cursor: pointer;
    position: relative;color: #fff;

}

.r1{
font-size:14px;
font-family:tahoma;
color:#ccc;
border:0px solid #fff;
 padding:20px;
line-height: 0;
}
.r2{
font-size:14px;
font-family:tahoma;
color:#ff7e00;
 padding: 20px;
line-height: 0.8;
font-weight:bold;
}
a:link {color:#ff7e00;
text-decoration:none;
}

a:visited {
color:#ff7e00;

}

a:hover {
color:#c46210;

}


.r3{display:none;}


x1{
color:#fff;
font-weight:normal;}






.lok{
font-size:17px;
font-family:tahoma;
float:left;
color:#fff;
text-transform:capitalize;}