.contents {
    padding: 20px 20px;
    border: 1px solid rgb(217, 224, 235);
    border-radius: 8px;
    margin: 30px 0px 0;
    background-color: rgb(243, 245, 251);
}
.toc {
    padding: 20px 20px;
    border: 1px solid rgb(217, 224, 235);
    border-radius: 8px;
    margin: 30px 0px 0;
    background-color:rgb(255, 255, 255);
}
.containerforvideo {
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
    .cscript {
        flex: 1;
        padding: 2px;
    }
    .csvideo {
        flex: 1;
        padding: 0px 0px 15px 40px;
    }
    @media (max-width: 700px) {
        .container {
            flex-direction: column;
        }
   .text, .video {
            flex: 1;
            width: 100%;
        }
    }
.notes-1 {
    width: 95%;
    padding: 16px 18px 10px;
    margin: 30px 0;
    background: #ecf9ff;
    position: relative;
    border-left: 4px solid #c2deff;
}