*{
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
            header
            {
                background-image:linear-gradient(rgba(8, 7, 7, 0.24),rgba(0,0,0,0.5)), url(numbers.png);
                height: 100vh;
            }
            h1
            {
                color:#fff;
                text-align: center;
                margin-top: 10px;
            }
            h2
            {
                margin-bottom: 35px;
                text-align: center;
            }
            .box{
                width:500px;
                height:330px;
                background: #fff;
                margin-left: auto;
                margin-right: auto;
                margin-top: 60px;
                text-align: center;
            }
            input 
            {
                font-size: 150%;
            }
            p
            {
               padding: 10px;
            }
            .data
            {
                margin-top: 15px;
            }
            .green
            {
                color: green;
            }
            .red
            {
                color: #f71010;
            }
            button
            {
                margin-top: 10px;
                cursor: pointer;
            }
            .back-btn
            {
                text-decoration: none;
                font-size: 120%;
            }
            .hint
            {
                margin-top: 15px;
            }
            section div
            {
                color: #fff;
            }
.rules
{
   color:#000; 
}
.rules:after
{
     display: block;
    height: 2px;
    background-color: #ff01e6;
    content: " ";
    width: 100px;
    margin: 0 auto;
    margin-top: 20px;
}
.steps
{
    color:#000;
    padding: 2px;
    font-size: 150%;
    margin:4px;
}
 .step
{
    padding:20px 80px;
}
  @media only screen and (max-width: 767px) {
        .box{
                width:300px;
                height:330px;
                background: #fff;
                margin-left: auto;
                margin-right: auto;
                margin-top: 60px;
                text-align: center;
            }
      input
      {
          font-size: 120%;
      }
}