.container{
    text-align: center;
}
.wrapper{
    display: inline-block;/* now it will take that amount of space that is required...go to inspect element and see wrapper class  before this  code and after it */
    padding: 10px;
    box-shadow: 0px 15px 20px black;
    background-color: grey;
    border-radius: 15px;
}   
table{
    margin: auto;/* so that table comes at centre*/
}
input{
    font-size:25px;
    height: 40px;
    border: 5px solid grey;
    border-radius: 15px; 
}
button{
    
    font-size:30px;
    background-color: black;
    color: whitesmoke;
    border-radius: 10px ;
    width: 77px;
    height: 60px;
}
h1{
    font-family: sans-serif;
    font-size: 50px;  
}
#off{
color:black;
background-color:slategray;
margin-left:-165px;
width:154px;
margin-top: 5px ;
}