body{
    background-color: rgb(38, 38, 38);
}
#KeyDiv{
    background-color: rgb(48, 48, 48);
    position: absolute;
    left: 35%;
    display: flex;
    top: 30%;
    width: 0;
    height:0;
    padding-left: 25%;
    padding-bottom: 9%;
    
   
}
#ScriptBox{
    position: absolute;
    background-color: rgb(61, 61, 61); 
    top:3.5%;
    left:1.3%;
    width:97.4%;
    height:45%;
    border-radius: 5px;
  
   
    display: flex;
    justify-content: center;
}
#CopyBtn{
    color:white;
    position: absolute;
    background-color: rgb(73, 73, 73);
    border: 0px;
    border-radius: 5px;
    top:52%;
    left:1.3%;
    width:97.4%;
    height:45%;
    text-align: center;
    font-family: 'Roboto', sans-serif;
   
    justify-content: center;
    transition: 0s;
}

#CopyBtn:hover{
    background-color: rgb(58, 57, 57);
    transition: 0.2s;
    
}

#CopyBtn:active{
    background-color: rgb(83, 83, 83);
    transition: 0.2s;
}

#CopyBtn:not(:hover) {
   
    
   
    background-color: rgb(73, 73, 73);
    transition: 0.2s;
    
  }

#KeyBox{
    position: absolute;
    background-color: rgb(61, 61, 61); 
    top:3.5%;
    left:1.3%;
    width:97.4%;
    height:45%;
    border-radius: 5px;
    display: flex;
    justify-content: center;
}

.lg{
    color:white;
    font-family: 'Raleway', sans-serif;
font-family: 'Roboto', sans-serif;
position: absolute;
left: 39.2%;
height: 1%;
width: 30%;
top:0;

padding-bottom: 3%;
}
.KEY{
    color:white;
    font-family: 'Roboto', sans-serif;
    
}
.script{
    position: relative;
    top:25%;
    color:white;
    font-family: 'Roboto', sans-serif;
}