nav, main {
            border: rgba(70, 58, 58, 0) solid 2px;
        }

        .box {
            max-width: 1000px;
            margin: 100px auto;
        }

        .sketchbook-nav {
            display: flex;
            flex-direction: column; /** stack scraps vertically */
            gap: 15px; /* spacing between scraps */
        }

        .scrap-item {
            position: relative;
            width: fit-content;
            padding-left: 15px;
        }

        .scrap {
            width: 100px;
            filter: drop-shadow(-4px 0px 3px #404b55);
        }

        .label {
            position: absolute;
            top: 10px;
            left: 40px;
            text-decoration: none;
            color: #432f2f;
            font-family: Papyrus, fantasy;
        }

        .label:hover {
            color: black;
        }

        /* staircase effect */
        .scrap-item:nth-child(1) {
            margin-left: 0;
        }

        .scrap-item:nth-child(2) {
            margin-left: 30px;
        }

        /* markers image */
        .markers {
            position: absolute;
            top: 75px;
            left: 1080px;
            width: 230px;
        }
        
        .sketches {
            margin-top: 100px;
            column-count: 3;
            column-gap: 10px;
        }

        .sketches img{
            max-width: 300px;
            margin-top:50px;
            border-radius: 10px;
           
        }

        /*back to top button*/
        .back-to-top {
            position: fixed;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            position: center;
            color: rgb(105, 105, 135);
            padding: 10px 15px;
            border-radius: 10px;
            text-decoration: none;
            z-index: 1000;
        }   

        .back-to-top:hover {
            background-color: #9fa1a338;
            color: rgb(239, 239, 239);
            text-decoration: none;
        }

        footer {
            color: #ffffff;
            text-align: center;
            padding-top: 30px;
        }

        footer a {
            color: #ffffff;
            text-decoration: none;
        }
        footer a:hover {
            color: #dbdbdb;
            text-decoration: underline;
        }