/* Featured Project class */
        @media(min-width: 500px){
        .featuredContainer{
            display: grid;
            grid-template-areas:
                "header header"
                "menu content";
            gap: 5px;
            grid-template-columns: 1fr 3fr;
            box-sizing: border-box;
            width: 80vw;
            height: 100px;
            border-radius: 20px;
            border: 3px solid transparent;            
            background-image:
                linear-gradient(0, #4d3c58, #43425d),
                linear-gradient(180deg, #ffafaf, #7c5781);
            background-origin: border-box;
            background-clip: padding-box, border-box;
            box-sizing: border-box;
        
        }

        }
        @media(max-width: 500px){
            .featuredContainer{
            display: grid;
            grid-template-areas:
                "header header"
                "menu content";
            gap: 5px;
            grid-template-columns: 1fr 2fr;
            box-sizing: border-box;
            width: 75vw;
            height: 120px;
            border-radius: 20px;
            border: 3px solid transparent;            
            background-image:
                linear-gradient(0, #4d3c58, #43425d),
                linear-gradient(180deg, #ffafaf, #7c5781);
            background-origin: border-box;
            background-clip: padding-box, border-box;
            box-sizing: border-box;
        } 
    }

    .featuredContainer div{
        background-color: none;
    }
    .featuredContainer div.header{
        grid-area: header;
        text-align: left;
    }
    .featuredContainer div.menu{
        grid-area: menu;
    }
    .featuredContainer div.content{
        grid-area:content;
    }


    #featured{
        display: block;
    }

    html { scrollbar-width: none; } /* Firefox */
    body { -ms-overflow-style: none; } /* IE and Edge */
    body::-webkit-scrollbar, body::-webkit-scrollbar-button { display: none; } /* Chrome */
        /* 
        .imagefeaturedContainer{
            box-sizing:border-box;
            align-self: center;
            margin-left: 10px;
            margin-right: 10px;

            width: 80px;
            height: 80px;
            /* background-color: white; */
/* 
        }
        .title{
            padding-left: 10px;
            display: grid;
            text-align: left;
            image-rendering: optimizeSpeed;            
            image-rendering: -moz-crisp-edges;          
            image-rendering: -o-crisp-edges;           
            image-rendering: -webkit-optimize-contrast; 
            image-rendering: pixelated;                 
            image-rendering: optimize-contrast;                       
            -ms-interpolation-mode: nearest-neighbor;  
        } */