#burning {
	width: 460px;
    padding: 20px;
    background: var(--designpicback);
    margin: auto;
}

#burning .binner {
	width: 380px;
    padding: 40px;
    background-color: var(--designbgcolorsec);
}

#burning .btitle {
	font-family: 'Quinn';
    font-size: 50px;
    line-height: 45px;
    text-align: center;
    color: var(--designbghighlight);
}

#burning .bsub {
	font-family: 'Work Sans';
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-style: italic;
    margin-bottom: 10px;
}

#burning .bstory {
	font-family: 'Work Sans';
    line-height: 25px;
    letter-spacing: 0.5px;
    font-size: 12px;
}

#burning .bstory2 {
	height: 280px;
    overflow: auto;
    scrollbar-width: thin;
    padding: 10px;
}

#burning .bstory span {
    font-size: 10px;
    text-transform: uppercase;
    font-style: italic;
    line-height: 18px;
    color: var(--designhighlight);
    font-weight: 600;
    width: 350px;
    display: block;
    margin: 5px;
    text-align: justify;
    text-align-last: center;
}

#burning .bannounce {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 20px;
    font-size: 20px;
    scroll-behavior: smooth;
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 margin: 0;
	min-inline-size: max-content;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: bannounce 40s linear infinite;
 -webkit-animation: bannounce 40s linear infinite;
 animation: bannounce 40s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes bannounce {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes bannounce {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes bannounce {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}

#burning .bscroll {
	 height: 20px;	
	 overflow: hidden;
	 position: relative;
	padding-bottom: 10px;
}

#burning .blinks {
	font-family: 'Work Sans';
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 700;
}