@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Poppins:wght@500&display=swap');

body{
    /* background-color: rgb(58, 58, 58); */
    background-color: rgb(30, 29, 29);
    
}

 /* Header Related CSS */
 .header-section{
   background-color: black;
 }

 .header-title{
    color: #FF5E19;
    font-family: 'Berkshire Swash', cursive;
    font-size: 70px;
 }

 .header-left-image{
    width: 650px;
    height: 370px;
    margin-top: 50px;
    margin-left: 50px;
    padding-right: 50px;
 }
 .header-title-div{
    margin-top: 100px;
 }
 .header-right-image{
    margin-top: 10px;
    width: 850px;
    height: 490px;
    margin-right: 30px;

    position: relative;
    /* right: 20px; */
    border-radius: 20%;
    border: 7px solid rgb(8, 41, 151);
    
    
 }
 .header-section p {
    font-size: 20px;
    text-align: center;
 }


 /* Css For buttons */
 button{
    color: white;
    background-color: #015196;
    letter-spacing: 1px;
 }

 button:hover{
   color: white;
   background-color: #1674c6;
 }
 
 .horizontal-line-break{
    width:50%;
    color: #f8f8f8;
    margin-left: auto;
    margin-right: auto;
    border-width: 5px;
 }


 /* CSS for Right side budget section */
 .player-name{
   letter-spacing: 1px;
 }

.player-expense-p{
    font-size: 15px;
}

.total-cost-text-color, .total-cost-p{
    color: #f94f06;
}

.selected-player-div{
    height: 392px;
    background-color: black;
    width: 100%;
}

.budget-div{
    background-color: black;
    width: 100%;
}

.player-card-bg{
    background-color: black;
}



/* CSS for bottom horizontal line  */
.hr-bg {
   background-color: white;
}

.bottom-hr{
   height: 5px;
   margin-top: 120px;
}