/* .hand-writing-container will be emmediate child of .background-stripe */

.white-board .background-stripe {
    margin: 0;
    width: 100%;
    min-height: 100vh;
    z-index: -20;
    background-image: url('../image/stripe.svg');
    margin-bottom: 100px;
}

.white-board .red-ruler {
    position: fixed;
    top: 0;
    left: 120px;
    width: 2px;
    height: 100vh;
    background-color: rgb(253, 104, 104);
}

.white-board .background-stripe .hand-writing-container {
    padding: 0 140px;
}

@media (min-width:1920px) {
    .paragraph-container {
        padding: 68px
    }
}

body:fullscreen,
#whiteboardContainer:fullscreen,
#handWritingContainer:fullscreen {
    overflow-y: scroll !important;
    background-color: white;
    transition: ease-in;
}

body:-ms-fullscreen,
#whiteboardContainer:-ms-fullscreen,
#handWritingContainer:-ms-fullscreen {
    overflow-y: scroll !important;
    background-color: white;
    transition: ease-in;
}

body:-webkit-full-screen,
#whiteboardContainer:-webkit-full-screen,
#handWritingContainer:-webkit-full-screen {
    overflow-y: scroll !important;
    background-color: white;
    transition: ease-in;
}

body:-moz-full-screen,
#whiteboardContainer:-moz-full-screen,
#handWritingContainer:-moz-full-screen {
    overflow-y: scroll !important;
    background-color: white;
    transition: ease-in;
}