*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
p{
    font-size: 30px;
 color: blue;
}
#button{
color: aqua;
background-color: brown;
height: 40px;
width: 100px;
margin: 0px 0px 0px 120px;
font-size: 20px;
font-family: Verdana, Geneva, Tahoma, sans-serif;

}
label{
    font-size: 20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#num{
    width: 200px;
    height: 40px;
    margin: 20px 0px 30px 10px;
    font-size: 20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#status{
     width: 200px;
    height: 40px;
    margin: 20px 0px 30px 70px;
    font-size: 20px;
    color: red;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.box{
    justify-content: center;
    align-items: center;
}
#num1{
    margin: 20px 0px 30px 10px;
    width: 220px;
    height: 40px;
    font-size: 20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;

}
body{
    background-color: aqua;
}
@media only screen and (max-width:450px) {
    p{
        font-size: 20px;
       
    }
    #num1{
        font-size: 15px; 
    }
    #num2{
        font-size: 15px;
    }
    #num3{
        font-size: 15px;
    }
}