#countDownPath {
            padding: 7px 12px !important;
            font-size: 1.6rem;
            color: rgb(34, 156, 21)
        }

        #canvas-wrap {
            padding: 2.5rem;
            border: 10px solid #FFFFFF;
            box-shadow: 0 0 20px 0 rgba(31, 38, 135, 0.37);
            width: 90%;
        }

        .grid-path {
            display: inline-grid;
            grid-template-columns: auto auto auto;
            padding: 20px;
            padding-top: 5px;
        }

        .grid-path div {
            background-color: #f1f1f1;
            border: 1px solid rgb(146, 146, 146);
            padding: 7px;
            font-size: 14px;
            text-align: center;
            cursor: pointer;
            border-radius: 10px;
            font-size: 1rem;
            font-weight: 500;
        }

        .grid-path div:hover {
            background-color: #a5dc9b;
        }

        .scrollToManual {
            text-decoration: underline;
            cursor: pointer;
        }

        .scrollToManual:hover {
            color: rgb(8, 100, 4);
        }

        .cavasResize{
            min-height: 600px;
            aspect-ratio: 248 / 350;
        }