<?php
    require_once 'check_security.php';
?>





<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Wallte</title>
</head>
<body>
    
<div class="divbodyhg">
 <div class="haderlayout">
    <div class="backbtn">
        <a href="/fairb">
     <img src="https://fairbattle.earnmoreapp.in/adminnh/assist/icon/left.png"/>
     </a>
      <h3>Wallat</h3>
    </div>



 </div>
 <div class="bodycontener">
    <div class="wallatlayout">
     
      <div class="monediv">
         <p>Add Balance</p>
         <h3>₹ <?php echo $addmoney; ?></h3>

   <div class="moneactionbtn">
      <a href="Addmoney.php">
         <button>Add Money</button>
      </a>
   </div>
      </div>
      
      <div class="monediv">
         <p>Win Balance</p>
         <h3>₹ <?php echo $winmoney ; ?></h3>

   <div class="moneactionbtn">
      <a href="withdraw.php">
         <button>Withdraw Money</button>
      </a>
   </div>
      </div>
    </div>



 </div>
</div>

</body>
<style>
body{
  background-color: aliceblue;
  display: block;
}
*{
  padding: 0;
margin: 0;

box-sizing: border-box;
font-family: Canva Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;;
text-decoration: none;

}
div.divbodyhg div.haderlayout{
   align-items: center;
box-shadow: 10px;
box-shadow: 0px 5px 10px cadetblue;
border: 1px solid #ccc;
background-color: darkturquoise;
}
div.divbodyhg div.haderlayout div.backbtn{
   display: flex;
   text-align: center;
}
div.divbodyhg div.haderlayout div.backbtn h3{
   height: min-content;
   align-self: center;
  margin-left: 10px;
  color: white;
}
div.divbodyhg div.haderlayout div.backbtn a{
   text-align: center;
   
   height: min-content;
}
div.divbodyhg div.haderlayout div.backbtn a img{
   width: 40px;
   margin-top: 2px;
   padding: 2px;
   align-self: center;
   height: 40px;
}
div.divbodyhg div.bodycontener div.wallatlayout{
   align-items: center;

   padding: 10px;
   margin: 10px;
   
  
   display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 2rem;
}
@media only screen and (max-width:600px){
div.divbodyhg div.bodycontener div.wallatlayout{
   align-items: center;

   padding: 10px;
   margin: 10px;
   
  
   display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 2rem;
} 

}
div.divbodyhg div.bodycontener div.wallatlayout div.monediv{
   box-shadow: 10px;
text-align: center;
padding: 10px;

border-radius: 5px;
box-shadow: 0px 5px 10px cadetblue;
border: 1px solid #ccc;
background-color: white;
}
div.divbodyhg div.bodycontener div.wallatlayout div.monediv h3{
   margin: 10px;
   font-size: 21px;
}
div.divbodyhg div.bodycontener div.wallatlayout div.monediv p{
   margin: 5px;
   font-size: 19px;
   font-style: bold;
}
div.divbodyhg div.bodycontener div.wallatlayout div.monediv div.moneactionbtn button{
   height: 40px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 5px;
   width: 200Px;
   font-size: 19px;
   border-radius: 5px;
border: 1px solid #ccc;
color: white;
background-color: rgb(39, 187, 71);
   padding-bottom: 5px;
}
</style>
</html>