.calculator__keys { 
    display: grid; 
    /* other necessary CSS */ 
  }
  h1 {  
      text-align:center;  
                padding: 23px;  
                background-color: rgb(4, 0, 0);  
                color: white;  
                }  
              
            #clear{  
            width: 390px;  
            border: 3px solid rgb(0, 0, 0);  
                border-radius: 3px;  
                padding: 20px;  
                background-color: red;  
            }  
              
            .formstyle  
            {  
            width: 400px;  
            height: 50px;  
            margin: auto;     
            padding: 20px;  
            }  
    
            input  
            {  
            width: 30px;  
            background-color: rgb(12, 184, 231);  
            color: white;  
            border: 3px solid rgb(3, 0, 1);  
                border-radius: 5px;  
                padding: 26px;  
                margin: 5px;  
                font-size: 15px;  
            }  
              
              
            #calc{  
            width: 350px;  
            border: 5px solid black;  
                border-radius: 3px;  
                padding: 20px;  
                margin: auto;  
            }  
            body {
                background-image: url(flamingo-rkhda9yvytex9rov.jpeg);
                background-repeat: no-repeat;
                background-attachment: fixed;  
                background-size: cover;

              }