.center {
    display: block;
    margin-left: auto;
    
    margin-right: auto;
    
}
.button-link{
    background:none;
    border:unset;
    border-radius: 10px;
    padding:5px;
    box-shadow:1px 1px 1px grey;
}



body {
    overflow-x:hidden;
    /* height: 3000px; */
    background: rgb(244, 244, 240);
    
    /* background: rgb(251,241,231); */
    margin:0px;
    padding:0px;
    width: 100vw;
}


.casual-font{
    font-family: Brush Script MT, cursive;
    color:rgb(229, 4, 162);
}


.force-txt-med{
    font-weight:100 !important;
    font-size:7vmin !important;
    font-family: system-ui, sans-serif;
    color:rgb(235, 70, 11) !important;
}

.nmp{
    margin: 0px !important;
    padding: 0px !important;
}












#nav-bar{
    position: fixed;
    z-index: 12;
    background: linear-gradient(to bottom, rgb(255, 243, 232), rgba(255, 247, 239, 0.01)); 
    width: 100vw;
    margin: 0px;
    text-shadow:0px 0px 9px #000000;
    /* mix-blend-mode: difference; */
}

#nav-bar-light-transparent{
    position: fixed;
    z-index: 12;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); 
    width: 100vw;
    margin: 0px;
    /* text-shadow:0px 0px 9px #000000; */

}

#nav-bar a{
    color: #000000;
    text-decoration: none;
}


#nav-bar-light-transparent a{
    color: #000000;
    text-decoration: none;
}

.nav-item{
    white-space: nowrap;
    color: #ffffff;
    padding: 2%;
}
.dropdown-menu-light{
    
    background-color: #fff8ed;
    color: #fcfcfc;
}
.dropdown-item-light{
    color: #000000;
    text-shadow:0px 0px 0px #000000;
}
.dropdown-item-light:hover{
    color: #f8f8f8 !important;
    background: #000000;
}
#nav-img-light{
    filter: drop-shadow(0px 0px 10px #ffffff);
    width: 20vmax;
}
.nav-toggle-btn-light{
    color: #000000;
}







#nav-bar-dark{
    position: fixed;
    z-index: 12;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01)); 
    /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));  */
    /* background: linear-gradient(to bottom, rgba(247, 13, 126, 1), rgba(247, 13, 126, 0));  */

    width: 100vw;
    margin: 0px;
    text-shadow:0px 0px 9px #000000;

    transition: background 0.5s linear;
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
}
#nav-bar-dark-transparent{
    position: fixed;
    z-index: 12;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); 
    width: 100vw;
    margin: 0px;
    text-shadow:0px 0px 9px #000000;

}
#nav-bar-dark a{
    color: #ffffff;
    text-decoration: none;
}
#nav-bar-dark-transparent a{
    color: #ffffff;
    text-decoration: none;
}
.nav-item-dark{
    white-space: nowrap;
    color: #ffffff;
    padding: 2%;
}


.nav-logo{
    filter: drop-shadow(0px 0px 5px #000000);
}

.dropdown-menu-dark{
    background-color: #232323;
    color: #fcfcfc;
}
.dropdown-item-dark{
    color: #000000;
    text-shadow:0px 0px 0px #000000;
}
.dropdown-item-dark:hover{
    color: #000000 !important;
}
#nav-img-dark{
    width: 13vmax;
}

.nav-toggle-btn-dark{
    color: #fcfcfc;
}

















































#footer{
    /* margin-bottom: 0px; */
    
    position: absolute;
    margin-bottom: 0%;
    bottom: auto;
    width: 100vw;
    overflow: hidden;
    color: #eadcd3;
    height: 50vw;


    /* background-color: rgb(50, 39, 39); */
}

#mask_parent-footer{
    -webkit-mask-image: url(../resources/all/footer/footer-mask-d.jpg);
    mask-image: url(../resources/all/footer/footer-mask-d.jpg);
    
    height: 50vw;
    color: #ffffff;

}
#f-img{

    /* mask-image: url(../resources/all/footer/footer-mask.jpg); */

    overflow: hidden;
    /* z-index: -12; */
    bottom: 0px;
    position: fixed;
    width: 100%;
}
#footer-inner{
    background: none;
    height: 50vw;
    color: #ffffff;
}
.f-content{

    height: inherit;
    /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));  */
    /* mix-blend-mode: darken; */
}

.footer-fa{
    color: #cacaca;
    font-size:5vmin;
    padding:3%
}
.footer-fa:hover{
    color: #e26a49;
}













@media screen and (max-width: 700px) {
    #nav-img {
        width: 40%;
    }
    #nav-bar{
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); 
        color: #2b2b2b;
    }
    .dropdown-menu{
        background-color: #d9c9c9;
        color: #292929;
    }
    .dropdown-item{
        color: #232323;
        text-shadow:0px 0px 0px #ffffff;
    }





    #footer{
        height: 70vh;
    }
    #mask_parent-footer{
        height: 70vh;
    }
    #f-img{
        height: 100vh;
        width: auto;
    }
    #footer-inner{
        height:70vh;
    }
    .f-content{
        font-size: larger;
    }
}