@font-face {
            font-family:Quantify;
            src:url('Quantify.ttf') format('truetype');
        }
        
        
        .t1{font-size:25px;color:#FFF;font-family:Quantify;margin-top:-80px;text-align:center}
        .t1{font-size:35px;color:#FFF;font-family:Quantify;margin-top:-120px;text-align:center}
        
        
        .logo{background-image: url(images/logo2.jpeg);
        background-position: center center;
        background-size: cover;
       min-height: 279px;
       overlay-opacity: 0;background-repeat: no-repeat;}
       
        .livbtn{font-family: "Outfit", Sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: .5px;
    fill: #ffeb3f;
    color: #ffeb3f;
    background-color: black;
    border-style: solid;
    border-width: 1px;
    border-color: #ffeb3f;
    border-radius: 100px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .18);
    padding: 15px 18px;}
    
    
   .r1 {
  background: #fffbdc;
  border-radius: 12px;
  padding: 14px 10px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
}

.r1-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  gap: 8px;
}

.jodileft {
  text-align: left;
  font-size: clamp(12px, 3vw, 15px);
  font-weight: 600;
  white-space: nowrap;
  flex: 0 0 auto;
}

.r1-title {
  font-size: clamp(16px, 4vw, 22px);
  font-weight: 900;
  text-align: center;
  display: block;
  margin-bottom: 6px;
  color: #111;
  -webkit-text-stroke: 0.5px #111;
  letter-spacing: 0.5px;
}

.result-val {
  text-align: center;
  font-size: clamp(16px, 5vw, 20px);
  font-weight: 900;
  flex: 1 1 auto;
  word-break: break-word;
  -webkit-text-stroke: 0.5px #111;
  letter-spacing: 0.5px;
}

.panelright {
  text-align: right;
  font-size: clamp(12px, 3vw, 15px);
  font-weight: 600;
  white-space: nowrap;
  flex: 0 0 auto;
}

.r1-chart {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.divadv {
  display: inline-block;
  background: #ffeb3b;
  color: #000;
  font-weight: 600;
  border-radius: 25px;
  padding: 6px 18px;
  font-size: 13px;
}

.divadv a {
  text-decoration: none;
  color: #000;
}
  
.r2 {
  background: #ffff00;
  border-radius: 12px;
  padding: 14px 10px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
}

.r2 .r1-title {
  color: #0000ff;
  -webkit-text-stroke: 0.5px #0000ff;
}

.r2 .jodileft {
  color: #0000ff;
}

.r2 .result-val {
  color: #0000ff;
  -webkit-text-stroke: 0.5px #0000ff;
}

.r2 .panelright {
  color: #0000ff;
}

.r2 .divadv {
  background: #cc9900;
}

.r2 .divadv a {
  color: #ffffff;
}