.code-box{
    width:100%;
    margin-top:15px;
    border-radius:5px;
    background-color:lightgray;
    padding:5px;
}
.cod-box-header{
    width:100%;
    height:auto;
    display:flex;
    flex-direction:row;
    gap:15px;
    padding: 15px 0px;
}
.cod-box-header>button{
    background-color:white;
    color:black;
    border:none;
    outline:none;
    width:fit-content;
    padding:5px 15px;
    height:35px;
    border-radius:5px;
    cursor:pointer;
}
.code-box>.code{
    width:100%;
    max-height:300px;
    background-color:black;
    color:white;
    line-height:2;
    border-radius:5px;
    overflow:auto;
}
.code-preview-box{
    display:none;
    width:100%;
    height:400px;
    background-color:white;
    border-radius:5px;
}
.code-preview-box>iframe{
    width:100%;
    height:100%;
    overflow:auto;
}