*{
    font-family: 'Noto Sans', sans-serif;
}
body{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: repeat(1,1fr);
    background-color: #e2e6e3;
}
body{

    margin: 0;
    padding: 0;
}
#liveScore_container{
    width: 80%;
    margin: auto;
    background-color: white;
}
.liveScore_menubar{
    display: flex;
    height: 48px;
    border-bottom: 3px solid #e2e6e3;
}
.liveScore_menubar>p{
    display: block;
    margin: -3px 14px;
    padding: 20px 0px;
    font-family: helvetica,"Segoe UI",Arial,sans-serif;
}
.liveScore_menubar>p:hover{
    color: #008062;
    border-bottom: 4px solid #008062;
}
#liveScore_content{
    display: flex;
    height: 100%;
}
#liveScore_scoreCard{
    width: 68%;
    border-right: 3px solid #e2e6e3;
}
#liveScore_newsBar{
    width: 32%;
    height: 100%;

}
#live_Sections>button{
    margin: 15px 10px 24px 15px;
    padding: 8px 25px;
    border-radius: 20px;
    border: none;
}
#live_Sections>button:hover{
    background-color: #009270;
    color: white;
}
#live_heading{
    width: 94%;
   height: 45px;
   display: flex;
   align-items: center;
    margin: auto;
    padding-left: 15px;
    background-color: #ecebeb;
}
#liveScore_scoreCard span{
    color:#9e9e9e ;
}
.liveScore_live{
    width: 40%;
    height: 130px;
    border-left: 4px solid red;
    background-color: #f5f5f5;
    margin-left: 5%;
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 15px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#liveScore_sec{
    color: #588ce4;
    margin: 10px;
    margin-left: 30px;
    padding-bottom: 35px;
    border-bottom: 2px solid #e2e6e3;
}
#liveScore_sec>a{
    padding: 0px 10px;
    border-right: 2px solid #e2e6e3;
}
.live_featuredVideos{
    width: 90%;
    margin: auto;
    color: #008062;
}
.newsBar_box{
    width: 90%;
    margin: auto;
    text-align: left;
    margin-bottom: 30px;
}
.newsBar_box:hover{
    cursor: pointer;
}
.newsBar_box>h3:hover{
    text-decoration: underline;
}
.newsBar_box>img{
    width: 100%;
    margin-bottom: -15px;
    border-radius: 5px;
}
.newsBar_box>h3{
    margin-bottom: 10px;
}
#liveScore_newsBar>div>button{
    padding: 10px 25px;
    border: none;
    background-color: #009270;
    font-size: 16px;
    color: white;
    border-radius: 4px;
}
.liveScore_btn{
    width: 38%;
    margin: auto;
    margin-bottom: 60px;
}

.live_miniNews{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: auto;
    padding: 10px 0px;
    height: 5.5%;
    align-items: center;
    border-bottom: 2px solid #e2e6e3;
}
.live_miniNews:hover{
    cursor: pointer;
}
.live_miniNews_img>img{
    border-radius: 6px;
}
.live_miniNews_texts{

    padding-left: 25px;
}
.live_miniNews_texts>p{
    margin-top: 0px;
}
.live_miniNews_texts>p:hover{
    text-decoration: underline;
}
#liveScore_newsBar span{
    color: #9e9e9e;
}
.live_events{
    margin-left: 5%;
}
#liveScore_heading>h1{
    margin-left: 12px;
}

     /* For small boxes */
     @media only screen and (min-width: 0px) and (max-width: 320px) {
        #container {
          grid-template-columns: repeat(4, 1fr);
          grid-template-rows: repeat(800px);
        }
      }
      /* For medium boxes */
      @media only screen and (min-width: 321px) and (max-width: 720px) {
        #container {
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: repeat(4,1fr);
        }
      }