.static-text {
    display: none; 
}

.dynamic-text {
    display: none;
}

@media only screen and (min-width: 821px) and (min-height: 820px) {	
.text-slider {
   /* width: 600px; */
   /* display: flex; */
	   position: absolute;
  /*  gap: 15px; */
	/*  font-size: 2.5em; */ 
/*	color:white; */
    top: 600%; 
	left: 0%;
	right: 0%;	
	/*text-shadow: 3px 3px 1px black; */ 	
}

.dynamic-text {
    display: flex;
	cursor:pointer;

   /*   color: #0077ee;
    font-weight: 700;*/	
	flex-wrap: wrap;
    position: absolute;
    top: 150%; 
	left: 3%;
	right: 47%;
	color: white;
	border-radius: 0.4em;
	padding-top: 0.6em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;	
	/*padding: 0.5em; */
	background-color: rgba(12,12,12, 0.57);  /* 102,102,102, 0.73 */ /*12,12,12, 0.63*/
	font-family: bold Lato, sans-serif  ;
	font-size: 2.3em;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black ; 
	/*text-shadow: 3px 3px 1px black;  */
}
.static-text {
    display: inline; 
	width: 12em; 
    cursor:pointer;
	/*   margin: auto; */
	flex-wrap: wrap;
    position: absolute;
    top: 450%; 
	left: 12%;
	right: 12%;
	color:white;
	border-radius: 0.2em;
	padding: 0.1em;
	background-color: rgba(12,12,12, 0.47);	/*12,12,12, 0.47*/
	font-family: bold Lato,sans-serif  ;
	font-size: 2.3em;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black ; /*rgb(252,3,1) rgb(52,95,163)*/
}
}

@media only screen and  (max-height: 890px) ,(max-width: 1200px) {
.dynamic-text {
	right: 7%;
}
}

.hidden {
    opacity: 0;
}

.text-animation {
    animation: fade 0.1s forwards;
}

@keyframes fade {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.holder-fade {
    animation: holderFade 25s;
}

@keyframes holderFade {
    0% {
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}