/* defaults */
    /* text: "Playfair Display", serif
    title text: "Taviraj", serif
    white: F9F7ED
    cream: F2D5B1FF
    black: 38332E
    grey: 68645E
    pink: EA51A1
    yellow: EBB475
    purple: B689C1
    green: 60A75F
    blue: 6B9BD7 */


/* navigation bar */
    #bgHeader {
        /* background-color: #38332E; */
        background-image: url("assets/header paper 2 white.png");
        background-repeat: round;
        height: auto;
        filter: drop-shadow(1px 1px 3px #61584c);
    }

    #bgWriting #bgHeader, #bgIllustration #bgHeader, #bgDesign #bgHeader, #bgPhotography #bgHeader {
        background-image: url("assets/header paper 3 blue.png");
        }

    #logo {
        width: auto;
        height: 150px;
        padding: 0px 0px 20px 0px;
    }

    .nav-link, .navbar-toggler {
        font-family: "Playfair Display", serif;
        font-size: 40px;
        font-weight: bold;
        color: #38332E;
    }

    .nav-item.active .nav-link,
    .nav-item .nav-link:active,
    .nav-item .nav-link:focus,
    .nav-item:hover .nav-link {
        color: #38332E;
    }

    .nav-link:hover, .nav-link.active:hover,
    .nav-item:hover .nav-link {
        color: #68645E;
    }

    .dropdown-menu {
        background-color: #F9F7ED;
        border-radius: 10px;
    }

    .dropdown-item {
        font-family: "Playfair Display", serif;
        font-size: 25px;
        color: #38332E;
    }

    .dropdown-item:hover,
    .dropdown-item:hover{
        color: #68645E;
        background-color: #F9F7ED;
    }

    .headerSpacer {
        height: 150px;
    }

/* footer */
    /* footer {
        padding: 40px 0px;
        background-color: #38332E;
        color: #F9F7ED;
    }

    .footerText {
        margin-left: 40px;
    } */

    /* social media links */
    /* .socialLink {
        padding: 4px;
        color: #F9F7ED;
    } */

/* about 2 */
    #bgAbout {
        background-image: url("assets/pattern blue gingham 2.png");
        background-repeat:repeat;
    }

    #homeBanner {
        background-image: url("https://i.postimg.cc/LXzL6hbP/banner-home.png");
        height: 200px;
        border: 10px solid #F9F7ED;
    }

    #aboutTextBox{
        height: 250px;
        overflow-y: scroll;
    }
    
    .blinkie {
        width: auto;
        height: 30px;
    }

    #aboutHeartA {
        top: 200px;
        right: 150px;
        rotate: 8deg;
    }

    #aboutHeartB {
        top: 250px;
        right: 100px;
        rotate: -15deg;
    }

/* portfolio pages */
    #illustrationBanner {
        background-image: url("https://i.postimg.cc/Bny9gvQR/banner-porfolio-illustration.png");
    }

    #photoBanner {
        background-image: url("https://i.postimg.cc/t4FqXC8L/forkbanner.png");
        color: #F9F7ED;
    }

    #designBanner {
        background-image: url("https://i.postimg.cc/gJJy4GSL/banner-porfolio-design-2.png");
        border: 10px solid #AB1934;
        /* color: #F9F7ED; */
        -webkit-text-stroke: 2px #F9F7ED;
    }

    /* image galleries */
        .galleryImage {
            margin-bottom: 24px;
        }

        /* .galleryImage:hover {
            border-style: solid;
            border-width: 2px;
            border-color: #38332E;
        } */

        .modal-content {
            background-color: #F9F7ED;
            border-radius: 4px;
        }

    /* series carousel */
        .seriesCarousel {
            width: auto;
            height: 100%;
        }

        .carousel-control-next, .carousel-control-prev {
            color: #F9F7ED;
            opacity: 50%;
        }

        .carousel-control-next:hover, .carousel-control-prev:hover,
        .carousel-control-next:focus, .carousel-control-prev:focus {
            opacity: 90%;
        }

/* writing 2 */
        #bgWriting {
            background-image: url("assets/pattern note paper.png");
            background-repeat: repeat;
        }

/* zines */
    #bgZines {
        background-image: url("assets/pattern cork 2.png");
        background-repeat: repeat;
    }

    .zineNavBox {
        padding: 30px;
        text-decoration: none;
    }

    .zineNavLink {
        width: 100%;
        height: 100%;
    }

    .clip {
        width: 95px;
        height: auto;
        position: relative;
        top: 30px;
        left: 0px;
        z-index: 1;
    }

    .rotateA {
        rotate: 3deg;
    }

    .rotateB {
        rotate: -1deg;
    }

    .rotateC {
        rotate: 1deg;
    }
    
    .zineCover {
        width: auto;
        height: 250px;
    }

/* games */
    #gamesBanner {
        /* background-image: url("assets/banner blue gingham 2.png"); */
        background-color: #FECFD9;
    }

    #bgGames {
        background-image: url("https://i.postimg.cc/xCG5s5m5/carpet-2.png");
        background-repeat: repeat;
    }