/* CSS Document */
/*!
 * dsignPOETRY labs.
 * CSS: 7997-dsignpoetry-logo-fade.css
 * File In Use: https://www.dsignpoetry.com
 * Version: 16.02.18
 * Theme Author: DoggieStudio dsignPOETRY labs - Another DoggieStudio Production Since 1984 ★ (adps1984 foundation) ★
 * Orign Fit: Bootstrap 5.3.x & Unify 3.2.2
 * 
 * Copyright © 1984-2023 dsignPOETRY (DP) and DoggieStudio (DS) licensed by adps1984 foundation. All rights reserved.
 *
 * Date: 2022.12.30 (BS update)
 *
 * Included: Bootstrap 5.3.x
*/
/* -------------------------------------------------------------------------------------------------------------------------
   Lets Begin The Experimental Item 7997
** ------------------------------------------------------------------------------------------------------------------------- */
body {
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; /*
	background: #1e1e24; */
	background: linear-gradient(133deg, #22c569, #1665c1, #fc3500);
	background-size: 400% 400%;
	animation: BackgroundGradient 8s ease infinite;
	overflow: hidden;
    min-height: 100vh;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center; }

@keyframes BackgroundGradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}

/* Keyframes That Working 4 Old Old Browsers */
@-webkit-keyframes cf4FadeInOut {
	0% {opacity: 1;}
	17% {opacity: 1;}
	25% {opacity: 0;}
	92% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes cf4FadeInOut {
    0% {opacity: 1;}
	17% {opacity: 1;}
	25% {opacity: 0;}
	92% {opacity: 0;}
	100% {opacity: 1;}
}

@-o-keyframes cf4FadeInOut {
    0% {opacity: 1;}
	17% {opacity: 1;}
	25% {opacity: 0;}
	92% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes cf4FadeInOut {
    0% {opacity: 1;}
	17% {opacity: 1;}
	25% {opacity: 0;}
	92% {opacity: 0;}
	100% {opacity: 1;}
}

#cf4a {
    position: relative;
    height: 400px;
    min-width: 200vw;
    margin: 0 auto; }

#cf4a img {
    position: absolute;
	left: 50%;
	top: 75%;
	transform: translateX(-50%) translateY(-50%);
    padding: 5px; }

/* FadeEffects That Working 4 Old Old Browsers */
#cf4a img {
    -webkit-animation-name: cf4FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 46s;

    -moz-animation-name: cf4FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 46s;

    -o-animation-name: cf4FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 46s;

    animation-name: cf4FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 46s; }

/* Adding 23 Image Effects That Working 4 Old Old Browsers */
#cf4a img:nth-of-type(1) {
    -webkit-animation-delay: 44s;
    -moz-animation-delay: 44s;
    -o-animation-delay: 44s;
    animation-delay: 44s; }

#cf4a img:nth-of-type(2) {
    -webkit-animation-delay: 42s;
    -moz-animation-delay: 42s;
    -o-animation-delay: 42s;
    animation-delay: 42s; }

#cf4a img:nth-of-type(3) {
    -webkit-animation-delay: 40s;
    -moz-animation-delay: 40s;
    -o-animation-delay: 40s;
    animation-delay: 40s; }

#cf4a img:nth-of-type(4) {
    -webkit-animation-delay: 38;
    -moz-animation-delay: 38;
    -o-animation-delay: 38;
    animation-delay: 38; }

#cf4a img:nth-of-type(5) {
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    animation-delay: 36s; }

#cf4a img:nth-of-type(6) {
    -webkit-animation-delay: 34s;
    -moz-animation-delay: 34s;
    -o-animation-delay: 34s;
    animation-delay: 34s; }

#cf4a img:nth-of-type(7) {
    -webkit-animation-delay: 32s;
    -moz-animation-delay: 32s;
    -o-animation-delay: 32s;
    animation-delay: 32s; }

#cf4a img:nth-of-type(8) {
    -webkit-animation-delay: 30;
    -moz-animation-delay: 30;
    -o-animation-delay: 30;
    animation-delay: 30; }

#cf4a img:nth-of-type(9) {
    -webkit-animation-delay: 28s;
    -moz-animation-delay: 28s;
    -o-animation-delay: 28s;
    animation-delay: 28s; }

#cf4a img:nth-of-type(10) {
    -webkit-animation-delay: 26s;
    -moz-animation-delay: 26s;
    -o-animation-delay: 26s;
    animation-delay: 26s; }

#cf4a img:nth-of-type(11) {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    animation-delay: 24s; }

#cf4a img:nth-of-type(12) {
    -webkit-animation-delay: 22;
    -moz-animation-delay: 22;
    -o-animation-delay: 22;
    animation-delay: 22; }

#cf4a img:nth-of-type(13) {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    animation-delay: 20s; }

#cf4a img:nth-of-type(14) {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    animation-delay: 18s; }

#cf4a img:nth-of-type(15) {
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    animation-delay: 16s; }

#cf4a img:nth-of-type(16) {
    -webkit-animation-delay: 14;
    -moz-animation-delay: 14;
    -o-animation-delay: 14;
    animation-delay: 14; }

#cf4a img:nth-of-type(17) {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s; }

#cf4a img:nth-of-type(18) {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    animation-delay: 10s; }

#cf4a img:nth-of-type(19) {
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    animation-delay: 8s; }

#cf4a img:nth-of-type(20) {
    -webkit-animation-delay: 6;
    -moz-animation-delay: 6;
    -o-animation-delay: 6;
    animation-delay: 6; }

#cf4a img:nth-of-type(21) {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s; }

#cf4a img:nth-of-type(22) {
    -webkit-animation-delay: 2;
    -moz-animation-delay: 2;
    -o-animation-delay: 2;
    animation-delay: 2; }

#cf4a img:nth-of-type(23) {
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0; }