.webTitle{
    font-size: 6.7vw;
    font-weight: bold;
    color: #333;
    margin: 0;
    padding: 0;
}
.logo{
    width: 100%;
    margin: 0;
    padding: 0;
}

.bg-yellow{
    background-color: #fdf907;
}

.bg-blue{
    background-color: #087cf8;
}
.text-red{
    color: red;
    font-weight: bold;
    font-size: 3.2vw;
}
.text-white{
    color: white;
    font-weight: bold;
    font-size: 3.2vw;
}
.articleImage {
    width: 100%;
    height: 40vw;
    
}
.text-justify{
    text-align: justify;
}


.articleTitle{
    font-size: 4.5vw;
    font-weight: bold;
    color: #f80303;
    margin: 0;
    padding: 0;
}

.articleContent{
    font-size: 2.5vw;
    color: #000000;
    margin: 0;
    padding: 0;
}





.baloo-bhaina-2-bold {
  font-family: "Baloo Bhaina 2", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.baloo-bhaina-2-regular {
  font-family: "Baloo Bhaina 2", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.live-badge {
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}