.blogMenu{
                display: flex;
                justify-content: center;
                padding: 10px 16px;
                background-color: #212020;
            }
            .blogMenu a{
                text-decoration: none;
                padding: 10px 16px;
                color: white;
                transition: background-color 0.5;
                border-radius: 8px;
            }
            .blogMenu a.mainPage{
                background-color: rgb(80, 80, 1);
                color: aliceblue;
                border-radius: 8px;
            }
            .blogMenu a:hover{
                background-color: black;
                color: #F4CE14;
            }
            header{
                background-color: black;
                display: flex;
                flex-direction: row;
            }
            #logo img{
                margin-left: 110px;
                width: 330px;
            }
            #welcome{
                text-align: right;
                width: 1500px;
                margin-right: 50px;
                color: white;
            }
            nav{
                padding: 20px 16px;
                color: white;
                justify-content: center;
                text-align: center;
                margin-left: 75px;
                margin-right: 0;
                margin-top: 100px;
                border-radius: 8px;
            }
            nav a{
                text-decoration: none;
                text-align: center;
                padding: 16px 20px;
                color:white;
            }
            nav a:hover{
                color:#F4CE14;
                background-color: black;
                border-radius: 10px;
            }
            main{
                display: flex;
            }
            #slideshow_and_textContent{
                width: 100%;
            }
            #slideshow {
                width: 100%;        
                height: 700px;       
                overflow: hidden;    
                position: relative;   
                box-shadow: 0 0 10px rgba(171, 1, 1, 0.3);
                background-color: #B8C4A9;
            }
            #slideshow img {
                width: 100%;
                height: 100%;
                object-fit: cover; 
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                transition: opacity 1s ease-in-out; 
                justify-content: left;
            }
            #slideshow img.active {
                opacity: 1;
            }
            #textContent{
                text-align: justify;
                background-color: black;
                color: white;
                margin-top: 0px;
                padding-top: 10px;
                padding-bottom: 10px;
            }
            #textContent_Info{
                margin: 80px;
                font-size: 25px;
            } 
            footer{
                display: flex;
                background-color: black;
                padding: 40px;
            }
            #footerInfo{
                display: flex;
            }
            #copyRight{
                color: aliceblue;
                text-align: center;
                justify-content: center;
                padding: 40px;
            }
            #footer_follow h3{
                text-align: center;
                color: white;
            }
            #footer_follow a{
                text-decoration: none;
                text-align: center;
                padding: 16px 20px;
                color: white;
                display: grid;
            }
            #facebook:hover{
                color: #1877F2;
            }
            #instargram:hover{
                color:#E1306C;
            }
            #twitter:hover{
                color:#0084b4
            }
            #footer_support{
                margin-left: 50px;
            }
            #footer_support h3{
                text-align: center;
                color: white;
            }
            #footer_support a{
                text-decoration: none;
                text-align: center;
                padding: 16px 20px;
                color: white;
                display: grid;
            }
            #footer_support a:hover{
                color: #F4CE14;
            }
            #footer_aboutUs{
                margin-left: 50px;
            }
            #footer_aboutUs h3{
                text-align: center;
                color: white;
            }
            #footer_aboutUs a{
                text-decoration: none;
                text-align: center;
                padding: 16px 20px;
                color: white;
                display: grid;
            }
            #footer_aboutUs a:hover{
                color: #F4CE14;
            }

/* ------------------------------------------------------------------------------------------- */
                                        /* Product Page */

            section{
                 background-color: black;
            }
            .container {
                display: grid;
                grid-template-columns: 33.33% 33.33% 33.33%;
                padding: 5px;
                gap: 5px;  
                
            }
            .container div {
                background-color: black;
                color: white;
                padding: 10px;
                font-size: 15px;
                text-align: center;
            }
            .container div img{
                width: 100%;
                height: 250px;
                border-radius: 10px;
                transition: transform .3s;
            }
            .container div img:hover{
                transform: scale(1.1); 
            }
            .container div p{
                text-align: justify;
                margin: 10px;
            }
            .container div p:hover{
                color:#F4CE14;
            }
            .button{
                background-color: #F4CE14;
                border: none;
                color: black;
                padding: 15px 32px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
                font-size: 16px;
                margin: 4px 2px;
                cursor: pointer;
                transition-duration: 0.4s;
                border-radius: 10px;
            }
            .button:hover{
                box-shadow: 0 8px 16px 0 #F4CE14;
            }