body {
                background-image: url(https://i.imgur.com/aoiD0hm.png);
                background-size: cover;
            }
            .navbar {
                background-color: rgba(20, 20, 35, 0.8);
                box-shadow: 0px 2px 10px black;
            }
            .nav-link {
                color: white;
                font-size: 1.2rem;
                margin: 0 10px;
                padding: 5px 10px;
                border-radius: 5px;
            }
            .nav-link:hover {
                text-decoration: underline;
                color: white;
            }
            .navbar-toggler {
                /* Change the color of the SVG icon */
                color: #fff;
                margin-right: 20px;
            }
            .navbar-toggler-icon {
                /* Change the color of the SVG icon */
                color: #fff;
            }
            .navbar-toggler-icon svg {
                /* Change the size of the SVG icon */
                width: 1.5em;
                height: 1.5em;
                color: #fff;
            }
            .poster {
                background-color: white;
                border-radius: 20px;
                box-shadow: 0px 2px 10px black;
                height: 100%;
            }
            .card {
                width: 100%;
                height: 100%;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
                border: none;
            }
            .card-img-top {
                height: 200px;
                background-size: cover;
                background-repeat: no-repeat;
            }
            .card-body {
                background-color: #1c1e22;
                padding: 20px;
            }
            .card-title {
                font-size: 2rem;
                margin-bottom: 20px;
            }
            .card-text {
                font-size: 1.2rem;
                margin-bottom: 20px;
            }
            .foglay {
                position: fixed;
                z-index: -1;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-image: url("https://raw.githubusercontent.com/danielstuart14/CSS_FOG_ANIMATION/master/fog1.png");
                background-size: cover;
                background-attachment: fixed;
                background-position: center;
                filter: grayscale(100%);
                animation: scroll-background 1600s linear infinite;
            }
            @keyframes scroll-background {
                0% {
                    background-position: 0 0;
                }
                100% {
                    background-position: -100000px 0;
                }
            }
			.card-background-parchment {
				background-image: url('https://i.imgur.com/FT5v5Ow.png'); 
				background-size: cover;
			}