calculator_style.css

        body
        {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            flex-direction: column;
            background-color: blanchedalmond;
        }
        .row
        {
            display: flex;
        }

        .column
        {
            width: 100%;
            height: 50px;
            border: 1px solid black;
                     
        }

        .row-screen
        {
            height: 200px;
        }

        .column-screen
        {
            height: 200px;
            width: 100%;
            height: 100%;
            font-size: 50px;
        }

        .container
        {
            max-width: 700px;
        }
        .number 
        {
            width: 100%;
            height: 100%;
            font-size: 40px;
            font-family: 'Times New Roman', Times, serif;
            
        }
        .operator
        {
            width: 100%;
            height: 100%;
            font-size: 40px;
            font-family: 'Times New Roman', Times, serif;

        }
        .screen
        {
          resize: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          font-size: 50px;
           
        }

        .yellow
        {
          background-color: rgb(156, 156, 35);
        }

        .clear
        {
          background-color: brown; 
        }

        .main_title
        {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 25px;
          color: blue;
        }