style1.css

.attribution { font-size: 15px; text-align: center;
    margin-top: 30px;
  padding-right: 170px;
margin-left: 180px; }
    .attribution a { color: hsl(228, 45%, 44%); }
    .container{
      height: 100vh;
      background-color: hsl(222, 26%, 31%);
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      align-content:center ;
      justify-content: center;
      flex-direction: column;
      align-items: center;
    }
    .third{
      background-color: hsl(223, 31%, 20%);
      width: 400PX;
      height: 300PX;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr;
      row-gap: 20px;
      column-gap: 20px;
      padding: 20px;
      border-radius: 15px;
    }
    .key{
      background-color: hsl(30, 25%, 89%)  ;
      text-shadow: hsl(224, 28%, 35%);
      border-radius: 10px;
      text-align: center;
      font-size: 20px;
      padding-top: 15px;
      font-weight: 300;
      
    }
    .key:hover{
        background-color:  hsl(28, 16%, 65%);
      }
    .RESET{
      grid-column-start:1 ;
      grid-column-end: 3;
      padding-bottom: 5px;
      background-color: hsl(225, 21%, 49%);
    }
    .RESET:hover{
      background-color: hsl(224, 28%, 35%);
    }
    .equal{
      grid-column-start:3 ;
      grid-column-end: 5;
      background-color:  hsl(6, 63%, 50%);
    }
    .equal:hover{
      background-color:  hsl(6, 70%, 34%);
    }
    .DEL{
      background-color: hsl(225, 21%, 49%);
    }
    .DEL:hover{
      background-color: hsl(224, 28%, 35%);
    }
    .second{
      background-color: hsl(224, 36%, 15%);
      width: 190px;
      height: 85px;
      margin-bottom: 20px;
      border-radius: 15px;
      font-size: 50px;
      padding-left: 250px;
      padding-top: 15px;
      color: white;
    }
    .first{
      margin-left: 180px;
      font-size: 25px;
      padding-right:360px;
      margin-bottom: 20px;
      color: white;
    }
    .button{
      background-color:#d2d2d2;
      height: 40px;
      width: 40px;
      border-radius: 40px;
      cursor: pointer;
    }