body {
                color: rgb(255, 255, 255);
                font-family: Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                font-size: 18px;
                text-align: center;
                flex-direction: row;
                margin: 60px 20px 20px 20px;
                padding: auto;
                
            }
            
            .bg-image {
                background-image: url(images/background_wallpaper_d.png);
                background-color: gray;
                background-attachment: fixed;
                background-position: center;
                animation: moveright 600s infinite;
            }

            @keyframes moveright {
                40% {background-position: left;}
            }

            h2 {
                background-color: #303030;
                color: white;
                font-family: Impact;
            }

            header {
                background-color: rgba(0, 0, 0, 75%);
                padding-top: 10px;
                border-radius: 100px;
                border-radius: 50px 50px 0px 0px;
                box-shadow: 10px -15px 20px black;
                max-width: 1085px;
                margin: auto;
                
            }

            header.logo img {
                border-radius: 100px;
                height: 50px;
                box-shadow: black 0 6px 5px;
                cursor: pointer;
                margin-bottom: 10px;
            }

            button {
                background: rgb(255, 136, 0);
                border: 0;
                color: white;
                font-family: Impact;
                font-size: 23px;
                width: 300px;
                height: 55px;
                margin: 6px 0px 0px 0px;
                transition-duration: 0.3s;
                text-decoration: none;
                cursor: pointer;
            }

            button:hover {
                background-color: white;
                color: black;
            }

            section {
                background-color: rgba(0, 0, 0, 75%);
                padding: 0px;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-wrap: wrap;
                flex-direction: row;
                margin: 0px auto;
                max-width: 1085px;
            }

            section.card-info>div {
                width: 350px;
            }

            section.card-info img {
                border-radius: 360px;
                height: 300px;
                width: 300px;
            }

            section.port_covers img {
                height: 200px;
                width: 350px;
                object-fit: cover;
                border: 1px white solid;

            }

            section.gallery img{
                width: 350px;
                height: 350px;
                object-fit: cover;
                transition-duration: 0.3s;
                cursor: pointer;
                border: solid white 1px;
            }

            section.brushes>div {
                width: 380px;
            }

            section.coloringbook img{
                border: white solid 1px;
            }

            .gallery img:hover {
                opacity: 0.5;
                transform: scale(105%);
            }

            iframe {
                border: white solid 1px;

            }

            div {
                margin: auto;
                width: 360px;
                max-width: 1085px;
            }

            div.updates {
                font-size: 15px;
                border: 1px white solid;
                margin: 20px;
                height: 50px;
                width: 300px;
                overflow-y: auto;
            }

            .navbar ul {
                display: inline;
                list-style-type: none;
                margin: 0px;
                padding: 0px;
                overflow: hidden; 
                text-align: center;    
            }

            .navbar li{
                float: left;
                margin: 5px;
            }

            .navbar a {
                text-decoration: none;
                padding: 10px;
                border: white 1px solid;
                background-color: rgba(0, 0, 0, 40%);
            }

            @media screen and (max-width: 600px) {
                .navbar li {
                    display: flex;
                    float: none;
                }
                .navbar a{
                    width: 300px;
                    padding: 20px;
                }
            }

            li a.active {
                background-color: rgb(42, 118, 42, 50%);
                color: white;
            }

            li a:hover:not(.active) {
                background-color: rgba(79, 79, 79, 0.25);
                transition-duration: 0.5s;
                color: white;
             
            }

            a {
                color: white;
            }

            a:hover {
                color: rgb(42, 118, 42);
            }

            a:visited {
                color: rgb(125, 84, 169);
            }            
            
            footer {
                background-color: rgba(0, 0, 0, 75%);
                border-radius: 0px 0px 50px 50px;
                font-size: small;
                padding-bottom: 20px;
                box-shadow: -10px 15px 20px black;
                max-width: 1085px;
                margin: auto;
            }

            footer.logo img {
                filter: grayscale(100%);
                box-shadow: black 0 0 5px;
                cursor: pointer;
            }