body{
    background-color: rgb(3, 36, 46);
    color: rgb(3, 36, 46);
    padding: 0PX 30PX 30PX 30PX;
}
.headingdiv{
    display: flex;
}
.heading{

    width: 100%;
    color:rgb(235, 239, 121);
    margin: 70px 0px 0px 0px;
    font-size: 150px;

}
.backhome{
    position: absolute;
    right: 0;
    margin-right: 165px;
    margin-top: 90px;
    color: rgb(188, 209, 241);
    border-color: rgb(188, 209, 241);
    border-style:solid;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    border-radius: 30px;
}
.headingtext{
    color: rgb(3, 36, 46);
    font-size: 15px;
    background-color:rgb(235, 239, 121);
    padding: 20px;
    margin-top: -35px;
    border-radius: 20px;
}
.elo{
    height: 300px;
    position: absolute;
    right: 0;
    top: 0;
}
.all{
    display: flex;
}
.one{
background-color: rgb(188, 209, 241);
padding: 10px 20px 10px 20px;
border-radius: 50px;
text-align: center;
margin: 5px
}
.two{
background-color: rgb(113, 154, 223);
padding: 10px 20px 10px 20px;
border-radius: 50px;
text-align: center;
margin: 5px;
}
}
@media only screen and (max-width: 800px) {
  
  .heading{font-size: 90px;}
  .headingtext{margin-top:-20px;}
  .backhome{margin:10px; left:0; width:80px; text-align: center;}
  .elo{height: 250px;}
  
}
@media only screen and (max-width: 600px) {
  
  body{padding:0px 20px 20px 20px}
  .heading{font-size: 50px;}
  .headingtext{margin-top:1px; width:61%}
  .backhome{margin:10px; left:0; width:100%; text-align: center;}
  .elo{height: 250px; margin-top:380px}
  .all{display:block; margin: auto;}
  
}