.codesnip
{
    font-family: monospace;
    background-color: rgb(85, 84, 84);

    padding: 1px 3px;
    border-radius: 1px;
    border-style: solid;
    border-color: rgb(110, 110, 110);
    border-width: 1px;
    font-size:medium;
}

.codesnip:hover{
    background-color: rgb(38, 38, 38);
}

.codesnip code{
    background-color: inherit;
    color:white;
}

.codesnip:active
{
    background-color: rgb(83, 83, 83);
}

.code
{
    font-family: monospace;
    background-color: rgb(85, 84, 84);
    color :lightblue;
    
    padding: 10px;
    border-style: solid;
    border-color: rgb(110, 110, 110);
    border-width: 1px;
    
    overflow:auto;
    cursor:text;

    margin: 0px;
}

.copy
{
    position: absolute;
    
    color:white;
    background-color: rgb(94, 94, 94);
    border-style: none;
    border-radius: 2px;
    padding: 5px;
    
    font-size: large;
    
    opacity:0;
    transition: opacity 0.1s;
}

.copy:hover
{
    background-color: rgb(59, 59, 59);
}

.copy:active
{
    background-color: rgb(78, 78, 78);
}

.code:hover .copy {
    opacity:1;
}

.indent
{
    border-style: none none none solid;
    border-width: 5px;
    padding-left: 0.5%;
    border-color: gray;
    color: gray;
}