/* body{
    background: linear-gradient(180deg, rgba(156, 149, 197, 0.3), rgb(94, 66, 255, 0.5));
} */

.vh-100{
    height: 100vh;
}
.round-edge{
    border-radius: 5%;
}

.img-shadow{
    box-shadow: 3px 3px 5px grey , -3px -3px 5px grey;
}

/* For Navbar */
.per-width-1{
    width: 170px;;
}
.per-width-2{
    width: 100px;
}

@media screen and (max-width: 382px) 
{
    .per-width-1{
        width: 120px;;
    }
    .per-width-2{
        display: none;
        width: 100px;
    }
    .nnt-hidden{
    display: none;
    }
}

/* For Navbar scroll background color */
.navbar{
    margin-top: 0px;
    transition:all 0.8s;
}
.navbar-scrolled{
    background-color:rgb(0, 0, 0,0.75) ;
    /* background-image: linear-gradient(to right, rgb(255, 0, 0, 0.75) , rgb(0, 0, 0, 0.75) ); */
    box-shadow: 0 3px 10px black; 
    color:black;
}
.navbar-scrolled-about{
    background-color:rgb(255, 255, 255,0.9) ;
    /* background-image: linear-gradient(to right, rgb(255, 0, 0, 0.75) , rgb(0, 0, 0, 0.75) ); */
    box-shadow: 0 3px 10px white; 
    color:black;
}
.navbar-scrolled-contact{
    background-color:rgb(255, 255, 255,0.2) ;
    /* background-image: linear-gradient(to right, rgb(255, 0, 0, 0.75) , rgb(0, 0, 0, 0.75) ); */
    /* box-shadow: 0 3px 10px white;  */
    
    text-shadow: 2px 2px 0 black ;
}
.text-light-scrolled{
    color: black;
    color:yellow ;
}

/* Dropdown auto */
.dropdown:hover > .dropdown-menu{
    display: block;
    margin: 0;
}
.dropdown-item:hover{
    background-color: black;
}

/* About Page Styles */
.Bg-about{
    position: relative;
    background-image:url("BG-another.jpg");
    background-size:cover;
    background-attachment: fixed;
    transition: all 0.8s;
}
.Bg-about-bw{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.img-width{
    width: 50%;
}
.img-width-cont{
    width: 100%;
}

/* Contact page styles */
.Bg-contact{
    position: relative;
    background-image:url("Rodney3.png");
    background-size:cover;
    background-attachment: fixed;
}

.bg-dark-new{
    background-color: rgb(0, 0, 0, 0.5);
}

.footer-contact{
    text-shadow: 2px 2px 3px black,  -2px -2px 3px black;
}
.space{
    padding-left: 30px;
}

.img-flip{
    -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}